/* Generated by scripts/tokens.ts from design/tokens.json. Do not edit. */

:root, [data-theme="light"] {
  --canvas: #f7f8f9;
  --surface: #ffffff;
  --sunken: #eff0f2;
  --hover: #f0f1f3;
  --press: #e6e8eb;
  --ink: #121417;
  --ink-2: #3b4048;
  --muted: #5e646d;
  --faint: #868c95;
  --line: #e3e5e8;
  --line-strong: #c9cdd3;
  --edge: #8a9099;
  --signal: #7946f7;
  --signal-ink: #6e34eb;
  --on-signal: #ffffff;
  --live: #cc7502;
  --live-ink: #a45803;
  --fault: #e6293f;
  --fault-ink: #c51b32;
  --unknown: #5188a7;
  --unknown-ink: #386a86;
  --scrim: #0f141a59;
  --font-ui: Geist, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  --font-wordmark: Geist, ui-sans-serif, system-ui, sans-serif;
  --text-micro: 11px;
  --text-meta: 12.5px;
  --text-ui: 14px;
  --text-body: 14px;
  --text-row: 15px;
  --text-reading: 15.5px;
  --text-section: 16px;
  --text-brief: 17px;
  --text-lead: 22px;
  --text-title: 30px;
  --text-question: 32px;
  --text-figure-s: 20px;
  --text-figure-m: 28px;
  --text-figure-l: 44px;
  --text-figure-xl: 64px;
  --text-wordmark: 48px;
  --leading-micro: 1.3;
  --leading-meta: 1.45;
  --leading-ui: 1.45;
  --leading-body: 1.5;
  --leading-reading: 1.65;
  --leading-heading: 1.3;
  --leading-title: 1.15;
  --leading-figure: 1;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-strong: 600;
  --tracking-micro: 0.08em;
  --tracking-title: -0.02em;
  --tracking-figure: -0.03em;
  --tracking-wordmark: 0.01em;
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-96: 96px;
  --radius-square: 0px;
  --radius-actor: 50%;
  --size-control: 34px;
  --size-control-sm: 28px;
  --size-touch: 44px;
  --size-bar: 56px;
  --size-row: 52px;
  --size-icon-sm: 14px;
  --size-icon: 16px;
  --size-icon-lg: 20px;
  --size-check: 16px;
  --size-marker: 8px;
  --size-rule: 2px;
  --size-focus: 2px;
  --size-avatar: 32px;
  --size-content: 1200px;
  --size-rail: 340px;
  --size-label: 220px;
  --size-reading: 68ch;
  --density-touch-scale: 1.06;
  --density-touch-input: 16px;
  --shadow-raised: 0px 2px 6px -2px #0f141a1f, 0px 18px 40px -16px #0f141a29;
  --motion-fast: 120ms;
  --motion-base: 180ms;
  --motion-flight: 260ms;
  --motion-pulse: 2400ms;
  --motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --z-chrome: 30;
  --z-popovers: 190;
  --z-dialogs: 200;
  --z-toasts: 250;
  --z-tooltip: 1000;
  --z-review: 9000;
  color-scheme: light;
}

:root[data-theme="dark"], [data-theme="dark"] {
  --canvas: #0e1013;
  --surface: #17191c;
  --sunken: #1a1d21;
  --hover: #15171b;
  --press: #23262b;
  --ink: #eceef0;
  --ink-2: #c4c8ce;
  --muted: #959ba4;
  --faint: #727881;
  --line: #25282d;
  --line-strong: #3a3e45;
  --edge: #686e77;
  --signal: #9161ff;
  --signal-ink: #b2a7fe;
  --on-signal: #140a24;
  --live: #fe9d2b;
  --live-ink: #ffb669;
  --fault: #ff525b;
  --fault-ink: #fe908d;
  --unknown: #639aba;
  --unknown-ink: #86b5d2;
  --scrim: #000000a6;
  --shadow-raised: 0px 2px 6px -2px #00000066, 0px 20px 48px -12px #00000099;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --canvas: #0e1013;
    --surface: #17191c;
    --sunken: #1a1d21;
    --hover: #15171b;
    --press: #23262b;
    --ink: #eceef0;
    --ink-2: #c4c8ce;
    --muted: #959ba4;
    --faint: #727881;
    --line: #25282d;
    --line-strong: #3a3e45;
    --edge: #686e77;
    --signal: #9161ff;
    --signal-ink: #b2a7fe;
    --on-signal: #140a24;
    --live: #fe9d2b;
    --live-ink: #ffb669;
    --fault: #ff525b;
    --fault-ink: #fe908d;
    --unknown: #639aba;
    --unknown-ink: #86b5d2;
    --scrim: #000000a6;
    --shadow-raised: 0px 2px 6px -2px #00000066, 0px 20px 48px -12px #00000099;
    color-scheme: dark;
  }
}

:root[data-motion="reduce"] {
  --motion-fast: 0ms;
  --motion-base: 0ms;
  --motion-flight: 0ms;
  --motion-pulse: 0ms;
}

@media (prefers-reduced-motion: reduce) {
  :root:not([data-motion="full"]) {
    --motion-fast: 0ms;
    --motion-base: 0ms;
    --motion-flight: 0ms;
    --motion-pulse: 0ms;
  }
}