/* Generated from tokens/ethos.tokens.json — do not edit by hand. */
/* Light is the default; dark applies via [data-theme="dark"], .dark, or the OS preference. */
:root {
  --ethos-color-paper-500: #EFEEE0;
  --ethos-color-paper-600: #D5D4CD;
  --ethos-color-paper-700: #CBCBC2;
  --ethos-color-paper-800: #C1C0B6;
  --ethos-color-paper-900: #B4B3AA;
  --ethos-color-ink-300: #424242;
  --ethos-color-ink-400: #383832;
  --ethos-color-ink-500: #333330;
  --ethos-color-ink-600: #2D2D29;
  --ethos-color-ink-700: #232320;
  --ethos-color-ink-800: #1E1E1B;
  --ethos-color-ink-900: #161617;
  --ethos-color-text-on-paper: #1F2126;
  --ethos-color-text-on-ink: #C1C0B6;
  --ethos-color-indigo: #1F21B6;
  --ethos-color-sky: #2E7BC3;
  --ethos-color-navy: #173A5B;
  --ethos-color-green: #127F31;
  --ethos-color-green-deep: #135200;
  --ethos-color-red: #B72B38;
  --ethos-color-amber-light: #CC9A1A;
  --ethos-color-amber-dark: #C29010;
  --ethos-color-amber-active: #D48806;
  --ethos-color-gold-1: #A0690C;
  --ethos-color-gold-2: #CE870E;
  --ethos-color-purple-1: #69429C;
  --ethos-color-purple-2: #9E72D8;
  --ethos-color-purple-haze: #7E51B9;
  --ethos-color-blue-1: #3D79B1;
  --ethos-color-blue-2: #6496C5;
  --ethos-color-award-gold: #C78007;
  --ethos-color-award-silver: #646464;
  --ethos-color-award-bronze: #BE5521;
  --ethos-color-rank-silver: #65645D;
  --ethos-color-rank-silver-light: #C1C0B6;
  --ethos-color-rank-bronze: #673A25;
  --ethos-color-rank-bronze-light: #B65326;
  --ethos-bg-base: #C1C0B6;
  --ethos-bg-container: #CBCBC2;
  --ethos-bg-elevated: #D5D4CD;
  --ethos-bg-sunken: #B4B3AA;
  --ethos-bg-alert: #D5D4CD;
  --ethos-bg-spotlight: #000000;
  --ethos-bg-mask: #00000073;
  --ethos-bg-perk: #161617;
  --ethos-bg-self-row: #A9A9C0;
  --ethos-text-default: rgba(31,33,38,1);
  --ethos-text-body: rgba(31,33,38,0.85);
  --ethos-text-muted: rgba(31,33,38,0.65);
  --ethos-text-faint: rgba(31,33,38,0.45);
  --ethos-text-placeholder: #1F212640;
  --ethos-text-on-primary: #C1C0B6;
  --ethos-text-on-danger: #FFFFFF;
  --ethos-text-on-spotlight: #C1C0B6;
  --ethos-primary-default: #1F21B6;
  --ethos-primary-bg: #1F21B61A;
  --ethos-primary-bg-hover: #1F21B614;
  --ethos-primary-dark: #173A5B;
  --ethos-primary-link: #1F21B6;
  --ethos-success-default: #127F31;
  --ethos-success-bg: #AFC0AC;
  --ethos-danger-default: #B72B38;
  --ethos-danger-bg: #CF132226;
  --ethos-danger-bg-hover: #CCAFAA;
  --ethos-warning-default: #CC9A1A;
  --ethos-warning-active: #D48806;
  --ethos-info-default: #1F21B6;
  --ethos-border-default: transparent;
  --ethos-border-split: #0000000F;
  --ethos-border-control: rgba(31,33,38,1);
  --ethos-xp-orange: #D46B08;
  --ethos-xp-streak: #AD4E00;
  --ethos-trade-up: #2A8945;
  --ethos-trade-down: #B9534B;
  --ethos-trade-accent: #703F00;
  --ethos-trade-trust: #1F21B6;
  --ethos-trade-banner-bg: #C2B09B;
  --ethos-level-untrusted: #B72B38;
  --ethos-level-questionable: #CC9A1A;
  --ethos-level-neutral: #1F2126;
  --ethos-level-known: #41517A;
  --ethos-level-established: #2F4290;
  --ethos-level-reputable: #1F21B6;
  --ethos-level-exemplary: #37874E;
  --ethos-level-distinguished: #127F31;
  --ethos-level-revered: #836DA6;
  --ethos-level-renowned: #7A5EAF;
  --ethos-market-volatile: #B2474F;
  --ethos-market-normal: #138585;
  --ethos-gradient-gold: linear-gradient(75deg, #A0690C 16.87%, #CE870E 67.11%);
  --ethos-gradient-gold-secondary: linear-gradient(73deg, #A0690C 23.34%, #CE870E 87.03%);
  --ethos-gradient-purple: linear-gradient(90deg, #69429C, #9E72D8);
  --ethos-gradient-blue: linear-gradient(90deg, #3D79B1, #6496C5);
  --ethos-gradient-green: linear-gradient(90deg, #127F31, #135200);
  --ethos-gradient-rank-silver: linear-gradient(64deg, #65645D 27.53%, #C1C0B6 86.18%);
  --ethos-gradient-rank-bronze: linear-gradient(63deg, #673A25 11.83%, #B65326 94.78%);
  --ethos-font-family-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --ethos-font-family-display: Queens, Georgia, serif;
  --ethos-font-family-mono: "IBM Plex Mono", SFMono-Regular, Menlo, monospace;
  --ethos-font-weight-regular: 400;
  --ethos-font-weight-medium: 500;
  --ethos-font-weight-semibold: 600;
  --ethos-font-weight-bold: 700;
  --ethos-font-weight-extrabold: 800;
  --ethos-font-size-xxs: 10px;
  --ethos-font-size-xxs--line-height: 14px;
  --ethos-font-size-sm: 12px;
  --ethos-font-size-sm--line-height: 20px;
  --ethos-font-size-md: 14px;
  --ethos-font-size-md--line-height: 22px;
  --ethos-font-size-lg: 16px;
  --ethos-font-size-lg--line-height: 24px;
  --ethos-font-size-xl: 18px;
  --ethos-font-size-xl--line-height: 26px;
  --ethos-font-size-h4: 20px;
  --ethos-font-size-h4--line-height: 28px;
  --ethos-font-size-h3: 24px;
  --ethos-font-size-h3--line-height: 32px;
  --ethos-font-size-h2: 30px;
  --ethos-font-size-h2--line-height: 38px;
  --ethos-font-size-h1: 38px;
  --ethos-font-size-h1--line-height: 46px;
  --ethos-font-line-height-base: 1.25;
  --ethos-font-line-height-tooltip: 1.75;
  --ethos-font-line-height-tight: 1;
  --ethos-font-display-xs: 22px;
  --ethos-font-display-xs--line-height: 28px;
  --ethos-font-display-sm: 28px;
  --ethos-font-display-sm--line-height: 34px;
  --ethos-font-display-md: 32px;
  --ethos-font-display-md--line-height: 40px;
  --ethos-font-display-lg: 40px;
  --ethos-font-display-lg--line-height: 48px;
  --ethos-font-display-xl: 48px;
  --ethos-font-display-xl--line-height: 56px;
  --ethos-font-display-2xl: 56px;
  --ethos-font-display-2xl--line-height: 64px;
  --ethos-font-display-3xl: 68px;
  --ethos-font-display-3xl--line-height: 76px;
  --ethos-font-display-hero: 76px;
  --ethos-font-display-hero--line-height: 53px;
  --ethos-space-0: 0px;
  --ethos-space-1: 4px;
  --ethos-space-2: 8px;
  --ethos-space-3: 12px;
  --ethos-space-4: 16px;
  --ethos-space-5: 20px;
  --ethos-space-6: 24px;
  --ethos-space-8: 32px;
  --ethos-space-10: 40px;
  --ethos-space-12: 48px;
  --ethos-space-0-5: 2px;
  --ethos-space-section-gap-mobile: 8px;
  --ethos-radius-xs: 2px;
  --ethos-radius-sm: 4px;
  --ethos-radius-md: 6px;
  --ethos-radius-lg: 8px;
  --ethos-radius-full: 9999px;
  --ethos-radius-xl: 12px;
  --ethos-radius-2xl: 16px;
  --ethos-size-avatar-sm: 20px;
  --ethos-size-avatar-md: 40px;
  --ethos-size-avatar-lg: 50px;
  --ethos-size-control-sm: 24px;
  --ethos-size-control-md: 32px;
  --ethos-size-control-lg: 40px;
  --ethos-size-highlight-card-md: 125px;
  --ethos-size-highlight-card-xl: 153px;
  --ethos-size-badge-dot: 10px;
  --ethos-shadow-action: 0px 27px 36.4px 0px rgba(0,0,0,0.12);
  --ethos-shadow-card: 0px 8px 24px rgba(0,0,0,0.15);
  --ethos-shadow-sheet: 0px -20px 36.4px 0px rgba(0,0,0,0.35);
  --ethos-shadow-drawer: 0px 27px 36.4px 0px rgba(0,0,0,0.35);
  --ethos-shadow-subtle: 0px 2px 8px rgba(0,0,0,0.08);
  --ethos-motion-duration-fast: 100ms;
  --ethos-motion-duration-mid: 200ms;
  --ethos-motion-duration-slow: 300ms;
  --ethos-motion-duration-none: 0ms;
  --ethos-motion-easing-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ethos-breakpoint-xs: 480px;
  --ethos-breakpoint-sm: 576px;
  --ethos-breakpoint-md: 768px;
  --ethos-breakpoint-lg: 992px;
  --ethos-breakpoint-xl: 1200px;
  --ethos-breakpoint-xxl: 1600px;
}

[data-theme="dark"], .dark {
  --ethos-color-gold-1: #C16E15;
  --ethos-color-gold-2: #F6A70C;
  --ethos-bg-base: #232320;
  --ethos-bg-container: #2D2D29;
  --ethos-bg-elevated: #333330;
  --ethos-bg-sunken: #1E1E1B;
  --ethos-bg-alert: #383832;
  --ethos-bg-spotlight: #424242;
  --ethos-bg-self-row: #2D3D48;
  --ethos-text-default: rgba(193,192,182,1);
  --ethos-text-body: rgba(193,192,182,0.85);
  --ethos-text-muted: rgba(193,192,182,0.65);
  --ethos-text-faint: rgba(239,238,224,0.45);
  --ethos-text-placeholder: #EFEEE040;
  --ethos-text-on-primary: #232320;
  --ethos-text-on-spotlight: #FFFFFF;
  --ethos-primary-default: #2E7BC3;
  --ethos-primary-bg-hover: #1F21B61A;
  --ethos-primary-link: #2E7BC3;
  --ethos-success-bg: #29392A;
  --ethos-danger-bg: #B72B3826;
  --ethos-danger-bg-hover: #422D2B;
  --ethos-warning-default: #C29010;
  --ethos-info-default: #1B69B1;
  --ethos-border-split: #FFFFFF0F;
  --ethos-border-control: rgba(193,192,182,0.85);
  --ethos-xp-orange: #D87A16;
  --ethos-xp-streak: #FA8C16;
  --ethos-trade-accent: #FDA301;
  --ethos-trade-trust: #3D8BD4;
  --ethos-trade-banner-bg: #1E1E1B;
  --ethos-level-questionable: #C29010;
  --ethos-level-neutral: #C1C0B6;
  --ethos-level-known: #7C8DA8;
  --ethos-level-established: #4E86B9;
  --ethos-level-reputable: #2E7BC3;
  --ethos-level-exemplary: #427B56;
  --ethos-gradient-gold: linear-gradient(29deg, #C16E15 27.37%, #F6A70C 107.7%);
  --ethos-gradient-gold-secondary: linear-gradient(73deg, #C16E15 23.34%, #F6A70C 87.03%);
  --ethos-shadow-action: 0px 27px 36.4px 0px rgba(0,0,0,0.35);
  --ethos-shadow-card: 0px 8px 24px rgba(0,0,0,0.3);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not(.light) {
    --ethos-color-gold-1: #C16E15;
    --ethos-color-gold-2: #F6A70C;
    --ethos-bg-base: #232320;
    --ethos-bg-container: #2D2D29;
    --ethos-bg-elevated: #333330;
    --ethos-bg-sunken: #1E1E1B;
    --ethos-bg-alert: #383832;
    --ethos-bg-spotlight: #424242;
    --ethos-bg-self-row: #2D3D48;
    --ethos-text-default: rgba(193,192,182,1);
    --ethos-text-body: rgba(193,192,182,0.85);
    --ethos-text-muted: rgba(193,192,182,0.65);
    --ethos-text-faint: rgba(239,238,224,0.45);
    --ethos-text-placeholder: #EFEEE040;
    --ethos-text-on-primary: #232320;
    --ethos-text-on-spotlight: #FFFFFF;
    --ethos-primary-default: #2E7BC3;
    --ethos-primary-bg-hover: #1F21B61A;
    --ethos-primary-link: #2E7BC3;
    --ethos-success-bg: #29392A;
    --ethos-danger-bg: #B72B3826;
    --ethos-danger-bg-hover: #422D2B;
    --ethos-warning-default: #C29010;
    --ethos-info-default: #1B69B1;
    --ethos-border-split: #FFFFFF0F;
    --ethos-border-control: rgba(193,192,182,0.85);
    --ethos-xp-orange: #D87A16;
    --ethos-xp-streak: #FA8C16;
    --ethos-trade-accent: #FDA301;
    --ethos-trade-trust: #3D8BD4;
    --ethos-trade-banner-bg: #1E1E1B;
    --ethos-level-questionable: #C29010;
    --ethos-level-neutral: #C1C0B6;
    --ethos-level-known: #7C8DA8;
    --ethos-level-established: #4E86B9;
    --ethos-level-reputable: #2E7BC3;
    --ethos-level-exemplary: #427B56;
    --ethos-gradient-gold: linear-gradient(29deg, #C16E15 27.37%, #F6A70C 107.7%);
    --ethos-gradient-gold-secondary: linear-gradient(73deg, #C16E15 23.34%, #F6A70C 87.03%);
    --ethos-shadow-action: 0px 27px 36.4px 0px rgba(0,0,0,0.35);
    --ethos-shadow-card: 0px 8px 24px rgba(0,0,0,0.3);
  }
}