/* Generated by brand/build.mjs from tokens.json. Do not edit by hand. */
:root {
  --orange-50: #FFF4EB;
  --orange-100: #FFE4CC;
  --orange-200: #FFC999;
  --orange-300: #FFAA66;
  --orange-400: #FF8A3D;
  --orange-500: #F26B1D;
  --orange-600: #D4540F;
  --orange-700: #A8410C;
  --orange-800: #7C310B;
  --orange-900: #51210A;
  --ink-50: #EEF1F7;
  --ink-100: #D9DFEC;
  --ink-200: #B3BDD6;
  --ink-300: #8896B8;
  --ink-400: #5F7096;
  --ink-500: #40517A;
  --ink-600: #2B3B60;
  --ink-700: #1F2D4B;
  --ink-800: #162239;
  --ink-900: #101A2E;
  --ink-950: #0B1220;
  --neutral-0: #FFFFFF;
  --neutral-50: #F7F5F2;
  --neutral-100: #EFECE7;
  --neutral-200: #E2DED7;
  --neutral-300: #CBC6BD;
  --neutral-400: #A39E95;
  --neutral-500: #6B675F;
  --neutral-600: #5A574F;
  --neutral-700: #3E3C37;
  --neutral-800: #2A2925;
  --neutral-900: #1A1917;
  --neutral-950: #0F0E0D;
  --green-400: #4CC38A;
  --green-600: #197A52;
  --red-400: #FF7A7A;
  --red-600: #C23232;
  --amber-400: #FFC247;
  --amber-600: #8F5C0E;
  --blue-400: #6EA8FF;
  --blue-600: #2A63C8;
  --color-bg-page: var(--neutral-50);
  --color-bg-surface: var(--neutral-0);
  --color-bg-raised: var(--neutral-0);
  --color-bg-subtle: var(--neutral-100);
  --color-bg-brand: var(--orange-500);
  --color-bg-brand-hover: var(--orange-600);
  --color-bg-brand-subtle: var(--orange-50);
  --color-bg-inverse: var(--ink-950);
  --color-bg-night: var(--ink-950);
  --color-text-primary: var(--ink-950);
  --color-text-secondary: var(--neutral-600);
  --color-text-muted: var(--neutral-500);
  --color-text-on-brand: var(--ink-950);
  --color-text-inverse: var(--neutral-50);
  --color-text-brand: var(--orange-700);
  --color-text-on-night: var(--neutral-50);
  --color-border-default: var(--neutral-200);
  --color-border-strong: var(--neutral-300);
  --color-border-brand: var(--orange-500);
  --color-border-focus: var(--orange-600);
  --color-status-success: var(--green-600);
  --color-status-warning: var(--amber-600);
  --color-status-danger: var(--red-600);
  --color-status-info: var(--blue-600);
  --spacing-2xs: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 3px rgba(11, 18, 32, 0.10);
  --shadow-md: 0 4px 12px rgba(11, 18, 32, 0.14);
  --shadow-lg: 0 12px 32px rgba(11, 18, 32, 0.20);
  --shadow-glow: 0 0 24px rgba(242, 107, 29, 0.45);
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --text-display-xl-size: 3.5rem;
  --text-display-xl-line: 1.071;
  --text-display-xl-weight: 700;
  --text-display-xl-tracking: -0.02em;
  --text-h1-size: 2.5rem;
  --text-h1-line: 1.200;
  --text-h1-weight: 600;
  --text-h1-tracking: -0.015em;
  --text-h2-size: 2rem;
  --text-h2-line: 1.250;
  --text-h2-weight: 600;
  --text-h2-tracking: -0.01em;
  --text-h3-size: 1.5rem;
  --text-h3-line: 1.333;
  --text-h3-weight: 600;
  --text-h3-tracking: -0.005em;
  --text-h4-size: 1.25rem;
  --text-h4-line: 1.400;
  --text-h4-weight: 600;
  --text-h4-tracking: 0em;
  --text-body-l-size: 1.125rem;
  --text-body-l-line: 1.556;
  --text-body-l-weight: 400;
  --text-body-l-tracking: 0em;
  --text-body-m-size: 1rem;
  --text-body-m-line: 1.500;
  --text-body-m-weight: 400;
  --text-body-m-tracking: 0em;
  --text-body-s-size: 0.875rem;
  --text-body-s-line: 1.429;
  --text-body-s-weight: 400;
  --text-body-s-tracking: 0em;
  --text-label-m-size: 0.875rem;
  --text-label-m-line: 1.429;
  --text-label-m-weight: 500;
  --text-label-m-tracking: 0em;
  --text-label-s-size: 0.75rem;
  --text-label-s-line: 1.333;
  --text-label-s-weight: 500;
  --text-label-s-tracking: 0.005em;
  --text-caption-size: 0.75rem;
  --text-caption-line: 1.333;
  --text-caption-weight: 400;
  --text-caption-tracking: 0em;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --color-bg-page: var(--ink-950);
  --color-bg-surface: var(--ink-900);
  --color-bg-raised: var(--ink-800);
  --color-bg-subtle: var(--ink-800);
  --color-bg-brand: var(--orange-400);
  --color-bg-brand-hover: var(--orange-300);
  --color-bg-brand-subtle: var(--ink-700);
  --color-bg-inverse: var(--neutral-50);
  --color-bg-night: var(--ink-950);
  --color-text-primary: var(--neutral-50);
  --color-text-secondary: var(--ink-200);
  --color-text-muted: var(--ink-300);
  --color-text-on-brand: var(--ink-950);
  --color-text-inverse: var(--ink-950);
  --color-text-brand: var(--orange-300);
  --color-text-on-night: var(--neutral-50);
  --color-border-default: var(--ink-700);
  --color-border-strong: var(--ink-500);
  --color-border-brand: var(--orange-400);
  --color-border-focus: var(--orange-300);
  --color-status-success: var(--green-400);
  --color-status-warning: var(--amber-400);
  --color-status-danger: var(--red-400);
  --color-status-info: var(--blue-400);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] {
    --color-bg-page: var(--ink-950);
    --color-bg-surface: var(--ink-900);
    --color-bg-raised: var(--ink-800);
    --color-bg-subtle: var(--ink-800);
    --color-bg-brand: var(--orange-400);
    --color-bg-brand-hover: var(--orange-300);
    --color-bg-brand-subtle: var(--ink-700);
    --color-bg-inverse: var(--neutral-50);
    --color-bg-night: var(--ink-950);
    --color-text-primary: var(--neutral-50);
    --color-text-secondary: var(--ink-200);
    --color-text-muted: var(--ink-300);
    --color-text-on-brand: var(--ink-950);
    --color-text-inverse: var(--ink-950);
    --color-text-brand: var(--orange-300);
    --color-text-on-night: var(--neutral-50);
    --color-border-default: var(--ink-700);
    --color-border-strong: var(--ink-500);
    --color-border-brand: var(--orange-400);
    --color-border-focus: var(--orange-300);
    --color-status-success: var(--green-400);
    --color-status-warning: var(--amber-400);
    --color-status-danger: var(--red-400);
    --color-status-info: var(--blue-400);
    color-scheme: dark;
  }
}