/* Generated by scripts/gen-tokens.ts from design-system/project/tokens.json. Do not edit. */
:root {
  --paper: #f4f7fa;
  --surface: #ffffff;
  --ink: #17324d;
  --muted: #5e7285;
  --rule: #dce3ea;
  --rule-soft: #edf1f5;
  --brand: #4997d0;
  --brand-ink: #1f6fa8;
  --brand-wash: #e6f1fa;
  --on-brand-ink: #ffffff;
  --pos: #1f7f53;
  --pos-wash: rgba(31,127,83,0.12);
  --neg: #bf3a2f;
  --neg-wash: rgba(191,58,47,0.10);
  --warn: #d69a00;
  --flag: #fff3c4;
  --flag-ink: #6b5300;
  --overlay: rgba(15,27,39,0.45);
  --series-1: #4997d0;
  --series-2: #eb6834;
  --series-3: #1baf7a;
  --series-4: #a3b0bd;
  --focus-halo: 0 0 0 3px #e6f1fa;
  --selected-underline: inset 0 -3px 0 #4997d0;
  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 14px;
  --space-6: 18px;
  --space-7: 20px;
  --space-8: 28px;
  --radius-xs: 2px;
  --radius-sm: 6px;
  --radius-input: 7px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-pill: 999px;
  --font-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #000000;
    --surface: #121417;
    --ink: #f1f4f7;
    --muted: #95a2af;
    --rule: rgba(255,255,255,0.14);
    --rule-soft: rgba(255,255,255,0.07);
    --brand: #6bb0e8;
    --brand-ink: #8fcbf5;
    --brand-wash: #0f212f;
    --on-brand-ink: #000000;
    --pos: #3dd68c;
    --pos-wash: rgba(31,127,83,0.12);
    --neg: #f5786c;
    --neg-wash: rgba(245,120,108,0.14);
    --warn: #d69a00;
    --flag: #241c08;
    --flag-ink: #f2d98a;
    --overlay: rgba(15,27,39,0.45);
    --series-1: #3987e5;
    --series-2: #d95926;
    --series-3: #199e70;
    --series-4: #5e636b;
    --focus-halo: 0 0 0 3px #0f212f;
    --selected-underline: inset 0 -3px 0 #6bb0e8;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #000000;
  --surface: #121417;
  --ink: #f1f4f7;
  --muted: #95a2af;
  --rule: rgba(255,255,255,0.14);
  --rule-soft: rgba(255,255,255,0.07);
  --brand: #6bb0e8;
  --brand-ink: #8fcbf5;
  --brand-wash: #0f212f;
  --on-brand-ink: #000000;
  --pos: #3dd68c;
  --pos-wash: rgba(31,127,83,0.12);
  --neg: #f5786c;
  --neg-wash: rgba(245,120,108,0.14);
  --warn: #d69a00;
  --flag: #241c08;
  --flag-ink: #f2d98a;
  --overlay: rgba(15,27,39,0.45);
  --series-1: #3987e5;
  --series-2: #d95926;
  --series-3: #199e70;
  --series-4: #5e636b;
  --focus-halo: 0 0 0 3px #0f212f;
  --selected-underline: inset 0 -3px 0 #6bb0e8;
  color-scheme: dark;
}