/* Generated by scripts/gen_tokens.mjs from docs/design-system-v2/tokens.json — do not edit. */

:root {
  --accent: #ff5a1f;
  --accent-hover: #ff7040;
  --accent-text: #b0380a;
  --aluminum-100: #eceef1;
  --aluminum-200: #dcdfe3;
  --aluminum-300: #bfc4cb;
  --aluminum-50: #f6f7f8;
  --amber: #ffb020;
  --dur-blink: 530ms;
  --dur-flicker: 110ms;
  --dur-instant: 0ms;
  --dur-press: 40ms;
  --dur-snap: 80ms;
  --dur-step: 70ms;
  --ease-mech: cubic-bezier(0.3, 0, 0, 1);
  --ease-step: steps(1, end);
  --focus-ring: #141518;
  --glow-accent: 0 0 0 1px #ff5a1f, 0 0 14px #ff5a1f66;
  --glow-live: 0 0 6px #3dffa299;
  --graphite-100: #edeef0;
  --graphite-300: #9ca1a9;
  --graphite-500: #3a3d43;
  --graphite-700: #222429;
  --graphite-800: #18191c;
  --graphite-900: #0d0e10;
  --ice: #8ad8ff;
  --ink: #141518;
  --ink-faint: #a3a8b0;
  --ink-muted: #4d525a;
  --key: 0 0 0 1px #00000024, inset 0 1px 0 #ffffff, 0 1px 0 #0000001a, 0 2px 4px -1px #00000029;
  --key-pressed: 0 0 0 1px #0000002e, inset 0 1px 3px #00000033;
  --led-amber: #ffb020;
  --led-green: #3dffa2;
  --led-ice: #8ad8ff;
  --led-orange: #ff5a1f;
  --led-red: #ff4d3d;
  --line: #0000001a;
  --metal-hi: #ffffff;
  --metal-lo: #c3c8ce;
  --metal-mid: #e4e7ea;
  --on-accent: #111214;
  --panel: 0 0 0 1px #0000001f, inset 0 1px 0 #ffffff, 0 1px 2px #0000000f;
  --phosphor: #3dffa2;
  --radius-full: 999px;
  --radius-lg: 14px;
  --radius-md: 10px;
  --radius-sm: 6px;
  --radius-xs: 3px;
  --screen-bg: #0a0b0c;
  --screen-dim: #474c53;
  --screen-grid: #1a1d21;
  --screen-ink: #e9ecef;
  --screen-live: #3dffa2;
  --screen-muted: #828993;
  --signal-error: #ff4d3d;
  --signal-ok: #3dffa2;
  --signal-orange: #ff5a1f;
  --signal-warn: #ffb020;
  --size-caption-key: 20px;
  --size-content: 1120px;
  --size-control: 32px;
  --size-control-sm: 24px;
  --size-deck-width: 320px;
  --size-knob: 64px;
  --size-nav: 64px;
  --size-row: 28px;
  --size-titlebar: 36px;
  --size-titlebar-deck: 28px;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --surface-desk: #dcdfe3;
  --surface-key: #f6f7f8;
  --surface-key-hover: #ffffff;
  --surface-well: #e1e4e8;
  --surface-window: #eceef1;
  --tick-off: #7a8089;
  --well: inset 0 1px 2px #00000026, inset 0 0 0 1px #00000014, 0 1px 0 #ffffffcc;
  --window: 0 0 0 1px #00000026, inset 0 1px 0 #ffffff, 0 2px 0 #0000000d, 0 20px 40px -14px #00000052;
  --font-display: Doto, "Geist Mono", ui-monospace, monospace;
  --font-sans: Geist, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --led: var(--screen-live);
}