/* Generated from tokens.json by scripts/build-tokens.mjs. Do not edit by hand. */
:root {
  --white: #FFFFFF;
  --teal-50: #EEFAF8;
  --teal-100: #D3F2ED;
  --teal-200: #A8E5DB;
  --teal-300: #70D2C4;
  --teal-400: #34BFAE;
  --teal-500: #13A99A;
  --teal-600: #0E8A7E;
  --teal-700: #0B776D;
  --teal-800: #0B5F58;
  --teal-900: #0B4C47;
  --teal-950: #062E2B;
  --ink-50: #F4F5F6;
  --ink-100: #E6E8EA;
  --ink-200: #CDD1D4;
  --ink-300: #A9B0B5;
  --ink-400: #858E95;
  --ink-500: #5E6870;
  --ink-600: #3D4A53;
  --ink-700: #2A3740;
  --ink-800: #1C2830;
  --ink-900: #111B22;
  --ink-950: #0A1116;
  --ink-975: #060B0E;
  --paper-0: #FFFEFB;
  --paper-25: #F8F6F1;
  --paper-50: #F3F0EA;
  --paper-100: #EBE7DE;
  --paper-200: #DED8CC;
  --paper-300: #C9C1B1;
  --sand-50: #FAF7F1;
  --sand-100: #F2ECDF;
  --sand-200: #E4D8BF;
  --sand-300: #CFBD98;
  --sand-400: #B59F72;
  --sand-500: #98825A;
  --sand-600: #7B6847;
  --sand-700: #635339;
  --sand-800: #4B3F2C;
  --success-50: #ECF8F0;
  --success-300: #6FD39A;
  --success-600: #18804A;
  --success-700: #136B3D;
  --warning-50: #FEF6E7;
  --warning-300: #F6C25B;
  --warning-500: #D98A0B;
  --warning-700: #8A4F04;
  --danger-50: #FDEEEE;
  --danger-300: #F59A9A;
  --danger-600: #C42B2B;
  --danger-700: #A32424;
  --info-50: #EDF4FE;
  --info-300: #8DB8F5;
  --info-600: #2563C9;
  --info-700: #1E50A8;
  --font-heading: Manrope, system-ui, sans-serif;
  --font-ui: Inter, system-ui, sans-serif;
  --type-display: 700 56px/1.07 var(--font-heading);
  --type-display-tracking: -0.02em;
  --type-h1: 700 44px/1.18 var(--font-heading);
  --type-h1-tracking: -0.02em;
  --type-h2: 700 34px/1.24 var(--font-heading);
  --type-h2-tracking: -0.015em;
  --type-h3: 600 26px/1.31 var(--font-heading);
  --type-h3-tracking: -0.01em;
  --type-h4: 600 20px/1.4 var(--font-heading);
  --type-h4-tracking: 0em;
  --type-body-l: 400 18px/1.56 var(--font-ui);
  --type-body-l-tracking: 0em;
  --type-body: 400 16px/1.5 var(--font-ui);
  --type-body-tracking: 0em;
  --type-ui: 400 14px/1.43 var(--font-ui);
  --type-ui-tracking: 0em;
  --type-caption: 500 12px/1.33 var(--font-ui);
  --type-caption-tracking: 0em;
  --type-overline: 600 12px/1.33 var(--font-ui);
  --type-overline-tracking: 0.08em;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --radius-none: 0px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  --shadow-sm: 0px 1px 2px 0px #0A111614;
  --shadow-md: 0px 4px 16px -2px #0A11161F;
  --shadow-lg: 0px 16px 40px -8px #0A111629;
}

/* Light is the default; dark follows the system unless data-theme="light" is set, or applies with data-theme="dark". */
:root,
[data-theme="light"] {
  color-scheme: light;
  --bg: var(--paper-25);
  --surface: var(--paper-0);
  --surface-sunken: var(--paper-100);
  --border: var(--paper-200);
  --border-strong: var(--ink-400);
  --text: var(--ink-900);
  --text-muted: var(--ink-500);
  --link: var(--teal-700);
  --accent: var(--teal-500);
  --accent-soft-bg: var(--teal-50);
  --accent-soft-text: var(--teal-800);
  --focus: var(--teal-600);
  --button-bg: var(--teal-700);
  --button-bg-hover: var(--teal-800);
  --button-text: var(--white);
  --button2-bg: var(--paper-100);
  --button2-text: var(--ink-900);
  --success-bg: var(--success-50);
  --success-text: var(--success-700);
  --warning-bg: var(--warning-50);
  --warning-text: var(--warning-700);
  --danger-bg: var(--danger-50);
  --danger-text: var(--danger-700);
  --info-bg: var(--info-50);
  --info-text: var(--info-700);
  --brand-surface: var(--ink-900);
  --brand-surface-text: var(--paper-25);
  --brand-surface-muted: var(--ink-300);
  --chrome-bg: var(--ink-950);
  --chrome-text: var(--paper-100);
  --chrome-muted: var(--ink-300);
  --chrome-active: var(--ink-800);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: var(--ink-950);
    --surface: var(--ink-900);
    --surface-sunken: var(--ink-975);
    --border: var(--ink-800);
    --border-strong: var(--ink-400);
    --text: var(--paper-100);
    --text-muted: var(--ink-300);
    --link: var(--teal-400);
    --accent: var(--teal-500);
    --accent-soft-bg: var(--teal-950);
    --accent-soft-text: var(--teal-300);
    --focus: var(--teal-400);
    --button-bg: var(--teal-500);
    --button-bg-hover: var(--teal-400);
    --button-text: var(--ink-950);
    --button2-bg: var(--ink-800);
    --button2-text: var(--paper-100);
    --success-bg: var(--ink-900);
    --success-text: var(--success-300);
    --warning-bg: var(--ink-900);
    --warning-text: var(--warning-300);
    --danger-bg: var(--ink-900);
    --danger-text: var(--danger-300);
    --info-bg: var(--ink-900);
    --info-text: var(--info-300);
    --brand-surface: var(--ink-800);
    --brand-surface-text: var(--paper-25);
    --brand-surface-muted: var(--ink-300);
    --chrome-bg: var(--ink-950);
    --chrome-text: var(--paper-100);
    --chrome-muted: var(--ink-300);
    --chrome-active: var(--ink-800);
  }
}
[data-theme="dark"] {
  color-scheme: dark;
  --bg: var(--ink-950);
  --surface: var(--ink-900);
  --surface-sunken: var(--ink-975);
  --border: var(--ink-800);
  --border-strong: var(--ink-400);
  --text: var(--paper-100);
  --text-muted: var(--ink-300);
  --link: var(--teal-400);
  --accent: var(--teal-500);
  --accent-soft-bg: var(--teal-950);
  --accent-soft-text: var(--teal-300);
  --focus: var(--teal-400);
  --button-bg: var(--teal-500);
  --button-bg-hover: var(--teal-400);
  --button-text: var(--ink-950);
  --button2-bg: var(--ink-800);
  --button2-text: var(--paper-100);
  --success-bg: var(--ink-900);
  --success-text: var(--success-300);
  --warning-bg: var(--ink-900);
  --warning-text: var(--warning-300);
  --danger-bg: var(--ink-900);
  --danger-text: var(--danger-300);
  --info-bg: var(--ink-900);
  --info-text: var(--info-300);
  --brand-surface: var(--ink-800);
  --brand-surface-text: var(--paper-25);
  --brand-surface-muted: var(--ink-300);
  --chrome-bg: var(--ink-950);
  --chrome-text: var(--paper-100);
  --chrome-muted: var(--ink-300);
  --chrome-active: var(--ink-800);
}