/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --accent-eyebrow: var(--mint-600); /* @kind color */
  --accent-quiet: var(--mint-500); /* @kind color */
  --accent-rule: var(--mint-500); /* @kind color */
  --accent-surface: var(--mint-50); /* @kind color */
  --action-default: var(--blue-500); /* @kind color */
  --action-hover: var(--blue-450); /* @kind color */
  --action-on-action: var(--white); /* @kind color */
  --blue-100: rgb(227,234,251); /* @kind color */
  --blue-200: rgb(199,214,248); /* @kind color */
  --blue-300: rgb(147,175,240); /* @kind color */
  --blue-400: rgb(90,131,230); /* @kind color */
  --blue-450: rgb(0,67,199); /* @kind color */
  --blue-500: rgb(0,87,255); /* @kind color */
  --blue-50: rgb(242,242,255); /* @kind color */
  --blue-600: rgb(29,63,148); /* @kind color */
  --border-strong: var(--neutral-300); /* @kind color */
  --border-subtle: var(--blue-100); /* @kind color */
  --brand-deep: var(--navy-900); /* @kind color */
  --brand-primary: var(--navy-800); /* @kind color */
  --event-bronze-on-light: var(--gold-800); /* @kind color */
  --event-foil-edge: var(--foil-edge); /* @kind color */
  --event-foil-light: var(--foil-light); /* @kind color */
  --event-foil-mid: var(--foil-mid); /* @kind color */
  --event-foil-peak: var(--gold-500); /* @kind color */
  --event-foil-shadow: var(--foil-shadow); /* @kind color */
  --event-foil-warm: var(--gold-600); /* @kind color */
  --event-hairline: var(--foil-edge); /* @kind color */
  --event-surface: var(--navy-900); /* @kind color */
  --feedback-negative-surface: rgb(252,241,240); /* @kind color */
  --feedback-negative: rgb(179,38,30); /* @kind color */
  --feedback-positive-surface: rgb(239,247,242); /* @kind color */
  --feedback-positive: rgb(30,122,75); /* @kind color */
  --focus-ring: var(--blue-500); /* @kind color */
  --foil-edge: rgb(201,154,46); /* @kind color */
  --foil-light: rgb(255,233,168); /* @kind color */
  --foil-mid: rgb(227,185,61); /* @kind color */
  --foil-shadow: rgb(138,107,31); /* @kind color */
  --gold-500: rgb(255,204,0); /* @kind color */
  --gold-600: rgb(217,164,0); /* @kind color */
  --gold-800: rgb(107,82,20); /* @kind color */
  --ink-800: rgb(28,27,46); /* @kind color */
  --ink-950: rgb(15,14,28); /* @kind color */
  --mint-300: rgb(127,206,180); /* @kind color */
  --mint-400: rgb(70,182,148); /* @kind color */
  --mint-500: rgb(46,158,123); /* @kind color */
  --mint-50: rgb(234,246,241); /* @kind color */
  --mint-600: rgb(31,122,94); /* @kind color */
  --mint-700: rgb(20,82,63); /* @kind color */
  --motion-base: 200; /* @kind other */
  --motion-considered: 320; /* @kind other */
  --motion-instant: 0; /* @kind other */
  --motion-quick: 120; /* @kind other */
  --navy-700: rgb(20,39,107); /* @kind color */
  --navy-800: rgb(15,23,70); /* @kind color */
  --navy-900: rgb(10,18,48); /* @kind color */
  --neutral-100: rgb(232,233,240); /* @kind color */
  --neutral-300: rgb(201,203,214); /* @kind color */
  --neutral-500: rgb(110,114,133); /* @kind color */
  --neutral-700: rgb(74,78,99); /* @kind color */
  --radius-lg: 8;
  --radius-md: 4;
  --radius-none: 0;
  --radius-pill: 999;
  --radius-sm: 2;
  --space-128: 128;
  --space-12: 12;
  --space-16: 16;
  --space-24: 24;
  --space-2: 2;
  --space-32: 32;
  --space-48: 48;
  --space-4: 4;
  --space-64: 64;
  --space-8: 8;
  --space-96: 96;
  --status-negative-surface: var(--feedback-negative-surface); /* @kind color */
  --status-negative: var(--feedback-negative); /* @kind color */
  --status-positive-surface: var(--feedback-positive-surface); /* @kind color */
  --status-positive: var(--feedback-positive); /* @kind color */
  --surface-base: var(--white); /* @kind color */
  --surface-inverse: var(--navy-800); /* @kind color */
  --surface-raised: var(--blue-50); /* @kind color */
  --surface-sunken: var(--neutral-100); /* @kind color */
  --text-muted: var(--neutral-500); /* @kind color */
  --text-on-inverse: var(--white); /* @kind color */
  --text-primary: var(--ink-950); /* @kind color */
  --text-secondary: var(--neutral-700); /* @kind color */
  --white: rgb(255,255,255); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --accent-eyebrow: var(--mint-400); /* @kind color */
  --accent-quiet: var(--mint-300); /* @kind color */
  --accent-rule: var(--mint-400); /* @kind color */
  --accent-surface: var(--mint-700); /* @kind color */
  --action-default: var(--blue-400); /* @kind color */
  --action-hover: var(--blue-300); /* @kind color */
  --action-on-action: var(--ink-950); /* @kind color */
  --border-strong: var(--blue-600); /* @kind color */
  --border-subtle: var(--navy-700); /* @kind color */
  --brand-deep: var(--navy-900); /* @kind color */
  --brand-primary: var(--navy-800); /* @kind color */
  --focus-ring: var(--blue-400); /* @kind color */
  --status-negative-surface: var(--feedback-negative-surface); /* @kind color */
  --status-negative: var(--feedback-negative); /* @kind color */
  --status-positive-surface: var(--feedback-positive-surface); /* @kind color */
  --status-positive: var(--feedback-positive); /* @kind color */
  --surface-base: var(--ink-950); /* @kind color */
  --surface-inverse: var(--white); /* @kind color */
  --surface-raised: var(--navy-800); /* @kind color */
  --surface-sunken: var(--navy-900); /* @kind color */
  --text-muted: var(--blue-300); /* @kind color */
  --text-on-inverse: var(--ink-950); /* @kind color */
  --text-primary: var(--white); /* @kind color */
  --text-secondary: var(--blue-200); /* @kind color */
}