/* Generated from apps/web/src/styles/tokens.css by apps/docs/src/build.ts. */
:root {
  --color-transparent: transparent;
  --color-current: currentColor;
  --color-neutral-0: #ffffff;
  --color-neutral-50: #f7f8f9;
  --color-neutral-100: #f2f3f4;
  --color-neutral-200: #e3e5e7;
  --color-neutral-300: #c4c7ca;
  --color-neutral-400: #9b9ea1;
  --color-neutral-500: #8c8f92;
  --color-neutral-550: #7d8083;
  --color-neutral-600: #5e6062;
  --color-neutral-700: #4b4d4f;
  --color-neutral-800: #28292b;
  --color-neutral-850: #1d1e20;
  --color-neutral-900: #171819;
  --color-neutral-925: #131415;
  --color-neutral-950: #0f0f0f;
  --color-neutral-1000: #0c0d0f;
  --color-signal-100: #eef3ff;
  --color-signal-300: #d1ddff;
  --color-signal-400: #b4c6f2;
  --color-signal-500: #8fa6e6;
  --color-signal-600: #5d76c4;
  --color-signal-700: #3b4f8f;
  --color-signal-950: #d1ddff1a;
  --color-green-400: #7eddb6;
  --color-green-600: #16805a;
  --color-amber-400: #f4c27c;
  --color-amber-700: #8a5a00;
  --color-red-400: #ff9c9c;
  --color-red-600: #c8322b;
  --color-red-700: #a92a24;
  --color-brand-spectrum-1: #a8d8f0;
  --color-brand-spectrum-2: #cde2f4;
  --color-brand-spectrum-3: #ebf0fa;
  --color-brand-spectrum-4: #d4d8f2;
  --color-brand-ink-start: #1e3a5f;
  --color-brand-ink-end: #2a3c7a;
  --color-bg-canvas: #191917;
  --color-bg-chrome: #131313;
  --color-surface-default: #1e1f1f;
  --color-surface-raised: #252625;
  --color-surface-overlay: #2b2c2b;
  --color-surface-hover: #ffffff0a;
  --color-surface-pressed: #ffffff12;
  --color-surface-selected: #d1ddff1a;
  --color-surface-inverse: #f7f8f9;
  --color-surface-inverse-hover: #e3e5e7;
  --color-surface-disabled: #ffffff0a;
  --color-surface-signal: #d1ddff;
  --color-surface-signal-hover: #c3d2fa;
  --color-surface-danger: #c8322b;
  --color-surface-danger-hover: #a92a24;
  --color-surface-success-subtle: #0f2620;
  --color-surface-warning-subtle: #2a2112;
  --color-surface-danger-subtle: #2e1518;
  --color-overlay-scrim: #00000099;
  --color-text-primary: #f7f8f9;
  --color-text-secondary: #9b9ea1;
  --color-text-tertiary: #8c8f92;
  --color-text-disabled: #4b4d4f;
  --color-text-inverse: #131313;
  --color-text-on-signal: #1e2a4a;
  --color-text-signal: #b4c6f2;
  --color-text-success: #7eddb6;
  --color-text-warning: #f4c27c;
  --color-text-danger: #ff9c9c;
  --color-icon-primary: #f7f8f9;
  --color-icon-secondary: #9b9ea1;
  --color-icon-tertiary: #8c8f92;
  --color-icon-disabled: #4b4d4f;
  --color-icon-inverse: #131313;
  --color-icon-on-signal: #1e2a4a;
  --color-icon-signal: #b4c6f2;
  --color-icon-success: #7eddb6;
  --color-icon-warning: #f4c27c;
  --color-icon-danger: #ff9c9c;
  --color-border-subtle: #ffffff0f;
  --color-border-default: #ffffff14;
  --color-border-strong: #7d8083;
  --color-border-focus: #b4c6f2;
  --color-border-signal: #d1ddff;
  --color-border-danger: #ff9c9c;
  --color-point-faint: #ffffff14;
  --color-point-strong: #c4c7ca;
  --color-surface-track: #7d8083;
  --color-text-on-danger: #ffffff;
  --color-icon-on-danger: #ffffff;
  --color-surface-thumb: #ffffff;
  --color-accent-spectrum-1: #a8d8f0;
  --color-accent-spectrum-2: #cde2f4;
  --color-accent-spectrum-3: #ebf0fa;
  --color-accent-veil: #ffffff29;
  --color-accent-mid-hover: #dce6ff;
  --color-accent-spectrum-4: #d4d8f2;
  --color-accent-rim: #d1ddff80;
  --color-accent-soft-top: #1b2640;
  --color-accent-soft-bottom: #111827;
  --color-accent-glow: #ffffff;
  --color-text-on-accent: #1e3a5f;
  --color-icon-on-accent: #1e3a5f;
  --color-text-on-accent-soft: #d1ddff;
  --color-icon-on-accent-soft: #d1ddff;
  --color-accent-soft-top-hover: #22304f;
  --color-accent-soft-bottom-hover: #161f33;
  --color-accent-ink-end: #2a3c7a;
  --color-border-bezel-hi: #ffffff29;
  --color-border-bezel-lo: #ffffff0a;
  --color-surface-bezel: #ffffff08;
  --color-accent-spectrum-5: #babce8;
  --color-accent-line-1: #a8d8f0;
  --color-accent-line-2: #cde2f4;
  --color-accent-line-3: #ebf0fa;
  --color-accent-line-4: #d4d8f2;
  --color-accent-line-5: #babce8;
  --color-chart-series-1: #7c9df2;
  --color-chart-series-2: #a98bf6;
  --color-chart-series-3: #e39ad6;
  --color-chart-series-4: #f2b78c;
  --color-chart-other: #7d8083;
  --color-chart-grid: #d1ddff0f;
  --color-surface-field: #191917;
  --color-surface-field-hover: #1e1f1f;
  --color-track-video: #3d6bff;
  --color-track-audio: #6ee7b7;
  --color-track-speech: #e9d5ff;
  --color-track-graphic: #f97316;
  --color-track-ink: #0b1020;
  --color-track-caption: #6366f1;
  --color-track-label: #ffffff;
  --color-track-wave: #000000;
  --color-ai-sun-1: #f59aaa;
  --color-ai-sun-2: #d190c9;
  --color-ai-sun-3: #ac88ea;
  --color-ai-ink: #2b1606;
  --color-overlay-05: #ffffff0d;
  --color-overlay-08: #ffffff14;
  --color-overlay-12: #ffffff1f;
  --color-overlay-40: #ffffff66;
  --color-accent-text-1: #c9d6f2;
  --color-accent-text-2: #dccbf6;
  --color-accent-text-3: #e6c9ec;
  --color-accent-edge: #ffffff2e;
  --color-accent-on-inverse-1: #4f5bc8;
  --color-accent-on-inverse-2: #7b4fc9;
  --color-accent-on-inverse-3: #a2459e;
  --color-chip-draft-bg: #ffffff1a;
  --color-chip-draft-fg: #e4e6ea;
  --color-chip-generating-bg: #a98bf633;
  --color-chip-generating-fg: #d9ccff;
  --color-chip-review-bg: #f2b84b2e;
  --color-chip-review-fg: #f7d48a;
  --color-chip-published-bg: #4cd99b29;
  --color-chip-published-fg: #8bebc2;
  --color-chip-failed-bg: #e5484d2e;
  --color-chip-failed-fg: #ff9a9d;
  --color-column-blue-bg: #4c9aff2e;
  --color-column-blue-fg: #a8cdff;
  --color-column-indigo-bg: #7c83ff30;
  --color-column-indigo-fg: #c3c6ff;
  --color-column-pink-bg: #f06bb52e;
  --color-column-pink-fg: #ffb3dc;
  --color-column-orange-bg: #ff8a3d2e;
  --color-column-orange-fg: #ffc299;
  --color-column-teal-bg: #2ec7c92e;
  --color-column-teal-fg: #8ee6e6;
  --color-switch-track-on: #8fa8f2;
  --color-switch-thumb-on: #0e1016;
  --color-switch-track-off: #ffffff29;
  --color-switch-thumb-off: #d5d8dd;
  --color-track-audio-wave: #10b981;
  --color-track-speech-wave: #a855f7;
  --color-track-on-media: #f2f4f8;
  --color-track-on-ink: #f2f4f8;
  --color-track-sfx: #a5f3fc;
  --color-track-sfx-wave: #06b6d4;
  --color-text-export: #b4c6f2;
  --color-text-prompt-idle: #7f8aa8;
  --color-timeline-bg: #191917;
  --color-text-accent-lilac: #ac88ea;
  --color-text-ai-placeholder: #ac88ea;
  --color-surface-shell: #2a2d2a;
  --color-accent-sweep-1: #ced9ef;
  --color-accent-sweep-2: #cfc7fb;
  --color-accent-sweep-3: #e2c6ee;
  --color-accent-sweep-4: #e8c7e6;
  --color-accent-sweep-5: #e1f5ff;
  --color-accent-on-sweep-1: #4f3e75;
  --color-accent-on-sweep-2: #511451;
  --color-data-series-1: #7c9df2;
  --color-data-series-2: #a98bf6;
  --color-data-series-3: #e39ad6;
  --color-data-series-4: #5c6170;
  --color-status-success: #4cd99b;
  --color-status-warning: #e8d65a;
  --color-status-danger: #e5484d;
  --color-status-info: #8fb0d6;
  --color-surface-panel: #121315;
  --color-surface-card: #16171b;
  --color-surface-inset: #101114;
  --color-border-hairline: #ffffff12;
  --color-border-selected: #ffffff24;
  --color-channel-1: #4b60a5;
  --color-channel-2: #915991;
  --color-channel-3: #674fa9;
  --color-channel-4: #377773;
  --color-channel-5: #486da9;
  --color-channel-6: #8f6c4c;
  --color-channel-7: #686f7f;
  --color-file-accent: #5b84ff;
  --spacing: 4px;
  --space-0: 0;
  --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-0-5: 2px;
  --space-1-5: 6px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 999px;
  --size-control-sm: 28px;
  --size-control-md: 36px;
  --size-control-lg: 44px;
  --size-icon-sm: 16px;
  --size-icon-md: 20px;
  --size-icon-lg: 24px;
  --shadow-overlay: 0 2px 6px 0 var(--shadow-overlay-1), 0 12px 32px -4px var(--shadow-overlay-2);
  --shadow-modal: 0 4px 12px 0 var(--shadow-modal-1), 0 24px 64px -8px var(--shadow-modal-2);
  --shadow-floating: 0 16px 40px -8px var(--shadow-floating);
  --font-sans: "Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --text-display-lg: 48px;
  --text-display-lg--line-height: 52px;
  --text-display-lg--letter-spacing: -0.03em;
  --text-display-lg--font-weight: 500;
  --text-display-sm: 32px;
  --text-display-sm--line-height: 38px;
  --text-display-sm--letter-spacing: -0.025em;
  --text-display-sm--font-weight: 500;
  --text-heading-lg: 24px;
  --text-heading-lg--line-height: 30px;
  --text-heading-lg--letter-spacing: -0.02em;
  --text-heading-lg--font-weight: 500;
  --text-heading-md: 18px;
  --text-heading-md--line-height: 24px;
  --text-heading-md--letter-spacing: -0.015em;
  --text-heading-md--font-weight: 500;
  --text-heading-sm: 15px;
  --text-heading-sm--line-height: 20px;
  --text-heading-sm--letter-spacing: -0.005em;
  --text-heading-sm--font-weight: 600;
  --text-body-lg: 16px;
  --text-body-lg--line-height: 24px;
  --text-body-lg--letter-spacing: -0.1px;
  --text-body-lg--font-weight: 400;
  --text-body-md: 14px;
  --text-body-md--line-height: 20px;
  --text-body-md--letter-spacing: -0.1px;
  --text-body-md--font-weight: 400;
  --text-body-sm: 13px;
  --text-body-sm--line-height: 18px;
  --text-body-sm--letter-spacing: -0.1px;
  --text-body-sm--font-weight: 400;
  --text-label-md: 14px;
  --text-label-md--line-height: 20px;
  --text-label-md--letter-spacing: -0.1px;
  --text-label-md--font-weight: 500;
  --text-label-sm: 12px;
  --text-label-sm--line-height: 18px;
  --text-label-sm--letter-spacing: -0.1px;
  --text-label-sm--font-weight: 500;
  --text-caption: 12px;
  --text-caption--line-height: 18px;
  --text-caption--letter-spacing: -0.1px;
  --text-caption--font-weight: 400;
  --text-mono-md: 13px;
  --text-mono-md--line-height: 20px;
  --text-mono-md--letter-spacing: 0;
  --text-mono-md--font-weight: 400;
  --text-mono-sm: 11px;
  --text-mono-sm--line-height: 16px;
  --text-mono-sm--letter-spacing: 0;
  --text-mono-sm--font-weight: 500;
}
:root {
  --shadow-raised-1: #0000003d;
  --shadow-raised-2: #00000029;
  --shadow-overlay-1: #00000052;
  --shadow-overlay-2: #00000066;
  --shadow-modal-1: #00000066;
  --shadow-modal-2: #0000008f;
  --shadow-floating: #00000066;
  --shadow-accent: #0000003d;
  --gradient-accent-spectrum: linear-gradient(110deg, var(--color-accent-sweep-1) 0%, var(--color-accent-sweep-2) 28%, var(--color-accent-sweep-3) 50%, var(--color-accent-sweep-4) 72%, var(--color-accent-sweep-5) 100%);
  --gradient-accent-line: linear-gradient(90deg, var(--color-accent-sweep-1) 0%, var(--color-accent-sweep-2) 28%, var(--color-accent-sweep-3) 50%, var(--color-accent-sweep-4) 72%, var(--color-accent-sweep-5) 100%);
  --gradient-accent-ring: conic-gradient(from 0deg, var(--color-accent-sweep-1) 0%, var(--color-accent-sweep-2) 28%, var(--color-accent-sweep-3) 50%, var(--color-accent-sweep-4) 72%, var(--color-accent-sweep-5) 100%);
  --gradient-accent-ink: linear-gradient(90deg, var(--color-accent-on-sweep-1) 0%, var(--color-accent-on-sweep-2) 100%);
  --gradient-accent-pill: linear-gradient(144.69deg, var(--color-accent-sweep-1) 11.007%, var(--color-accent-sweep-2) 32.843%, var(--color-accent-sweep-3) 50%, var(--color-accent-sweep-4) 67.157%, var(--color-accent-sweep-5) 88.993%);
  --font-variation-sans: "wdth" 100;
  --bg\/canvas: var(--color-bg-canvas);
  --bg\/chrome: var(--color-bg-chrome);
  --surface\/default: var(--color-surface-default);
  --surface\/raised: var(--color-surface-raised);
  --surface\/overlay: var(--color-surface-overlay);
  --surface\/hover: var(--color-surface-hover);
  --surface\/pressed: var(--color-surface-pressed);
  --surface\/selected: var(--color-surface-selected);
  --surface\/inverse: var(--color-surface-inverse);
  --surface\/inverse-hover: var(--color-surface-inverse-hover);
  --surface\/disabled: var(--color-surface-disabled);
  --surface\/signal: var(--color-surface-signal);
  --surface\/signal-hover: var(--color-surface-signal-hover);
  --surface\/danger: var(--color-surface-danger);
  --surface\/danger-hover: var(--color-surface-danger-hover);
  --surface\/success-subtle: var(--color-surface-success-subtle);
  --surface\/warning-subtle: var(--color-surface-warning-subtle);
  --surface\/danger-subtle: var(--color-surface-danger-subtle);
  --overlay\/scrim: var(--color-overlay-scrim);
  --text\/primary: var(--color-text-primary);
  --text\/secondary: var(--color-text-secondary);
  --text\/tertiary: var(--color-text-tertiary);
  --text\/disabled: var(--color-text-disabled);
  --text\/inverse: var(--color-text-inverse);
  --text\/on-signal: var(--color-text-on-signal);
  --text\/signal: var(--color-text-signal);
  --text\/success: var(--color-text-success);
  --text\/warning: var(--color-text-warning);
  --text\/danger: var(--color-text-danger);
  --icon\/primary: var(--color-icon-primary);
  --icon\/secondary: var(--color-icon-secondary);
  --icon\/tertiary: var(--color-icon-tertiary);
  --icon\/disabled: var(--color-icon-disabled);
  --icon\/inverse: var(--color-icon-inverse);
  --icon\/on-signal: var(--color-icon-on-signal);
  --icon\/signal: var(--color-icon-signal);
  --icon\/success: var(--color-icon-success);
  --icon\/warning: var(--color-icon-warning);
  --icon\/danger: var(--color-icon-danger);
  --border\/subtle: var(--color-border-subtle);
  --border\/default: var(--color-border-default);
  --border\/strong: var(--color-border-strong);
  --border\/focus: var(--color-border-focus);
  --border\/signal: var(--color-border-signal);
  --border\/danger: var(--color-border-danger);
  --point\/faint: var(--color-point-faint);
  --point\/strong: var(--color-point-strong);
  --surface\/track: var(--color-surface-track);
  --text\/on-danger: var(--color-text-on-danger);
  --icon\/on-danger: var(--color-icon-on-danger);
  --surface\/thumb: var(--color-surface-thumb);
  --accent\/spectrum-1: var(--color-accent-spectrum-1);
  --accent\/spectrum-2: var(--color-accent-spectrum-2);
  --accent\/spectrum-3: var(--color-accent-spectrum-3);
  --accent\/veil: var(--color-accent-veil);
  --accent\/mid-hover: var(--color-accent-mid-hover);
  --accent\/spectrum-4: var(--color-accent-spectrum-4);
  --accent\/rim: var(--color-accent-rim);
  --accent\/soft-top: var(--color-accent-soft-top);
  --accent\/soft-bottom: var(--color-accent-soft-bottom);
  --accent\/glow: var(--color-accent-glow);
  --text\/on-accent: var(--color-text-on-accent);
  --icon\/on-accent: var(--color-icon-on-accent);
  --text\/on-accent-soft: var(--color-text-on-accent-soft);
  --icon\/on-accent-soft: var(--color-icon-on-accent-soft);
  --accent\/soft-top-hover: var(--color-accent-soft-top-hover);
  --accent\/soft-bottom-hover: var(--color-accent-soft-bottom-hover);
  --accent\/ink-end: var(--color-accent-ink-end);
  --border\/bezel-hi: var(--color-border-bezel-hi);
  --border\/bezel-lo: var(--color-border-bezel-lo);
  --surface\/bezel: var(--color-surface-bezel);
  --accent\/spectrum-5: var(--color-accent-spectrum-5);
  --accent\/line-1: var(--color-accent-line-1);
  --accent\/line-2: var(--color-accent-line-2);
  --accent\/line-3: var(--color-accent-line-3);
  --accent\/line-4: var(--color-accent-line-4);
  --accent\/line-5: var(--color-accent-line-5);
  --shadow\/raised-1: var(--shadow-raised-1);
  --shadow\/raised-2: var(--shadow-raised-2);
  --shadow\/overlay-1: var(--shadow-overlay-1);
  --shadow\/overlay-2: var(--shadow-overlay-2);
  --shadow\/modal-1: var(--shadow-modal-1);
  --shadow\/modal-2: var(--shadow-modal-2);
  --shadow\/floating: var(--shadow-floating);
  --shadow\/accent: var(--shadow-accent);
  --chart\/series-1: var(--color-chart-series-1);
  --chart-series-1: var(--color-chart-series-1);
  --chart\/series-2: var(--color-chart-series-2);
  --chart-series-2: var(--color-chart-series-2);
  --chart\/series-3: var(--color-chart-series-3);
  --chart-series-3: var(--color-chart-series-3);
  --chart\/series-4: var(--color-chart-series-4);
  --chart-series-4: var(--color-chart-series-4);
  --chart\/other: var(--color-chart-other);
  --chart-other: var(--color-chart-other);
  --chart\/grid: var(--color-chart-grid);
  --chart-grid: var(--color-chart-grid);
  --surface\/field: var(--color-surface-field);
  --surface\/field-hover: var(--color-surface-field-hover);
  --track\/video: var(--color-track-video);
  --track\/audio: var(--color-track-audio);
  --track\/speech: var(--color-track-speech);
  --track\/graphic: var(--color-track-graphic);
  --track\/ink: var(--color-track-ink);
  --track\/caption: var(--color-track-caption);
  --track\/label: var(--color-track-label);
  --track\/wave: var(--color-track-wave);
  --ai\/sun-1: var(--color-ai-sun-1);
  --ai\/sun-2: var(--color-ai-sun-2);
  --ai\/sun-3: var(--color-ai-sun-3);
  --ai\/ink: var(--color-ai-ink);
  --overlay\/05: var(--color-overlay-05);
  --overlay\/08: var(--color-overlay-08);
  --overlay\/12: var(--color-overlay-12);
  --overlay\/40: var(--color-overlay-40);
  --accent\/text-1: var(--color-accent-text-1);
  --accent\/text-2: var(--color-accent-text-2);
  --accent\/text-3: var(--color-accent-text-3);
  --accent\/edge: var(--color-accent-edge);
  --accent\/on-inverse-1: var(--color-accent-on-inverse-1);
  --accent\/on-inverse-2: var(--color-accent-on-inverse-2);
  --accent\/on-inverse-3: var(--color-accent-on-inverse-3);
  --chip\/draft-bg: var(--color-chip-draft-bg);
  --chip\/draft-fg: var(--color-chip-draft-fg);
  --chip\/generating-bg: var(--color-chip-generating-bg);
  --chip\/generating-fg: var(--color-chip-generating-fg);
  --chip\/review-bg: var(--color-chip-review-bg);
  --chip\/review-fg: var(--color-chip-review-fg);
  --chip\/published-bg: var(--color-chip-published-bg);
  --chip\/published-fg: var(--color-chip-published-fg);
  --chip\/failed-bg: var(--color-chip-failed-bg);
  --chip\/failed-fg: var(--color-chip-failed-fg);
  --column\/blue-bg: var(--color-column-blue-bg);
  --column\/blue-fg: var(--color-column-blue-fg);
  --column\/indigo-bg: var(--color-column-indigo-bg);
  --column\/indigo-fg: var(--color-column-indigo-fg);
  --column\/pink-bg: var(--color-column-pink-bg);
  --column\/pink-fg: var(--color-column-pink-fg);
  --column\/orange-bg: var(--color-column-orange-bg);
  --column\/orange-fg: var(--color-column-orange-fg);
  --column\/teal-bg: var(--color-column-teal-bg);
  --column\/teal-fg: var(--color-column-teal-fg);
  --switch\/track-on: var(--color-switch-track-on);
  --switch\/thumb-on: var(--color-switch-thumb-on);
  --switch\/track-off: var(--color-switch-track-off);
  --switch\/thumb-off: var(--color-switch-thumb-off);
  --track\/audio-wave: var(--color-track-audio-wave);
  --track\/speech-wave: var(--color-track-speech-wave);
  --track\/on-media: var(--color-track-on-media);
  --track\/on-ink: var(--color-track-on-ink);
  --track\/sfx: var(--color-track-sfx);
  --track\/sfx-wave: var(--color-track-sfx-wave);
  --text\/export: var(--color-text-export);
  --text\/prompt-idle: var(--color-text-prompt-idle);
  --timeline\/bg: var(--color-timeline-bg);
  --text\/accent-lilac: var(--color-text-accent-lilac);
  --text\/ai-placeholder: var(--color-text-ai-placeholder);
  --surface\/shell: var(--color-surface-shell);
  --accent\/sweep-1: var(--color-accent-sweep-1);
  --accent\/sweep-2: var(--color-accent-sweep-2);
  --accent\/sweep-3: var(--color-accent-sweep-3);
  --accent\/sweep-4: var(--color-accent-sweep-4);
  --accent\/sweep-5: var(--color-accent-sweep-5);
  --accent\/on-sweep-1: var(--color-accent-on-sweep-1);
  --accent\/on-sweep-2: var(--color-accent-on-sweep-2);
  --data\/series-1: var(--color-data-series-1);
  --data\/series-2: var(--color-data-series-2);
  --data\/series-3: var(--color-data-series-3);
  --data\/series-4: var(--color-data-series-4);
  --status\/success: var(--color-status-success);
  --status\/warning: var(--color-status-warning);
  --status\/danger: var(--color-status-danger);
  --status\/info: var(--color-status-info);
  --surface\/panel: var(--color-surface-panel);
  --surface\/card: var(--color-surface-card);
  --surface\/inset: var(--color-surface-inset);
  --border\/hairline: var(--color-border-hairline);
  --border\/selected: var(--color-border-selected);
  --text\/primary: #f4f6f9;
  --text\/secondary: #8c8f92;
  --ps-bingo-1: #e1f5ff;
  --ps-bingo-2: #eae0fa;
  --ps-bingo-3: #c9a9ef;
  --ps-bingo-4: #e3a9c8;
  --ps-bingo-5: #f59aaa;
  --ps-bingo-edge: transparent;
  --ps-bingo-headset: #ececef;
  --ps-bingo-face-1: #e1f5ff;
  --ps-bingo-face-2: #eae0fa;
  --ps-bingo-face-3: #c9a9ef;
  --ps-bingo-face-4: #e3a9c8;
  --ps-bingo-face-5: #f59aaa;
  --ps-leak-1: 18%;
  --ps-leak-2: 8%;
  --ps-leak-3: 2%;
  --ps-rim-glow: 22%;
  color-scheme: dark;
}
[data-theme="light"] {
  --color-bg-canvas: #f7f5f0;
  --color-bg-chrome: #efece5;
  --color-surface-default: #fcfbf8;
  --color-surface-raised: #fcfbf8;
  --color-surface-overlay: #fffefc;
  --color-surface-hover: #1a18140d;
  --color-surface-pressed: #1a181417;
  --color-surface-selected: #e9e5dc;
  --color-surface-inverse: #1e1f1f;
  --color-surface-inverse-hover: #28292b;
  --color-surface-disabled: #1a18140d;
  --color-surface-signal: #4a3fae;
  --color-surface-signal-hover: #3c3392;
  --color-surface-success-subtle: #e5f6ee;
  --color-surface-warning-subtle: #fcf2dc;
  --color-surface-danger-subtle: #fdebea;
  --color-overlay-scrim: #00000066;
  --color-text-primary: #1a1814;
  --color-text-secondary: #48453e;
  --color-text-tertiary: #646058;
  --color-text-disabled: #8a857a;
  --color-text-inverse: #f5f3ee;
  --color-text-on-signal: #ffffff;
  --color-text-signal: #4a3fae;
  --color-text-success: #0f6c4b;
  --color-text-warning: #8f5600;
  --color-text-danger: #c8322b;
  --color-icon-primary: #1a1814;
  --color-icon-secondary: #48453e;
  --color-icon-tertiary: #646058;
  --color-icon-disabled: #8a857a;
  --color-icon-inverse: #f5f3ee;
  --color-icon-on-signal: #ffffff;
  --color-icon-signal: #4a3fae;
  --color-icon-success: #16805a;
  --color-icon-warning: #a86400;
  --color-icon-danger: #c8322b;
  --color-border-subtle: #3b301f1a;
  --color-border-default: #3b301f29;
  --color-border-strong: #8c877c;
  --color-border-focus: #6b5fd3;
  --color-border-signal: #6b5fd3;
  --color-border-danger: #c8322b;
  --color-point-faint: #1a181414;
  --color-point-strong: #646058;
  --color-accent-rim: #8fa6e659;
  --color-accent-soft-top: #e3eafb;
  --color-accent-soft-bottom: #e3eafb;
  --color-text-on-accent-soft: #1e3a5f;
  --color-icon-on-accent-soft: #1e3a5f;
  --color-accent-soft-top-hover: #d6e0f7;
  --color-accent-soft-bottom-hover: #d6e0f7;
  --color-border-bezel-hi: #1a181424;
  --color-border-bezel-lo: #1a18140d;
  --color-surface-bezel: #fcfbf8;
  --color-accent-line-1: #3e6c8c;
  --color-accent-line-2: #4f6aa8;
  --color-accent-line-3: #5d66b8;
  --color-accent-line-4: #6a6ab0;
  --color-accent-line-5: #3f7ea0;
  --color-chart-series-1: #4366d1;
  --color-chart-series-2: #7b56e2;
  --color-chart-series-3: #b2468f;
  --color-chart-series-4: #c4733a;
  --color-chart-grid: #1a181414;
  --color-surface-field: #fffefc;
  --color-surface-field-hover: #f3f0ea;
  --color-track-video: #3360f0;
  --color-track-graphic: #cc4a0c;
  --color-overlay-05: #1a18140d;
  --color-overlay-08: #1a181412;
  --color-overlay-12: #1a18141c;
  --color-overlay-40: #1a181459;
  --color-accent-text-1: #4f5bc8;
  --color-accent-text-2: #7b4fc9;
  --color-accent-text-3: #a2459e;
  --color-accent-edge: #5442ad66;
  --color-accent-on-inverse-1: #c9d6f2;
  --color-accent-on-inverse-2: #dccbf6;
  --color-accent-on-inverse-3: #e6c9ec;
  --color-chip-draft-bg: #0f0f0f12;
  --color-chip-draft-fg: #2b2d31;
  --color-chip-generating-bg: #7b5ce024;
  --color-chip-generating-fg: #4b32b0;
  --color-chip-review-bg: #e0a21e33;
  --color-chip-review-fg: #7a4e00;
  --color-chip-published-bg: #1fa86a26;
  --color-chip-published-fg: #0d5e3b;
  --color-chip-failed-bg: #e5484d21;
  --color-chip-failed-fg: #9c1b20;
  --color-column-blue-bg: #1f6feb1f;
  --color-column-blue-fg: #0b4aa8;
  --color-column-indigo-bg: #4f55e01f;
  --color-column-indigo-fg: #2e32a3;
  --color-column-pink-bg: #d6338a1f;
  --color-column-pink-fg: #8f1657;
  --color-column-orange-bg: #e8661a21;
  --color-column-orange-fg: #8a3a06;
  --color-column-teal-bg: #0e9fa31f;
  --color-column-teal-fg: #075e61;
  --color-switch-track-on: #3b4f8f;
  --color-switch-thumb-on: #ffffff;
  --color-switch-track-off: #0f0f0f29;
  --color-switch-thumb-off: #ffffff;
  --color-track-audio-wave: #2a7c5b;
  --color-track-speech-wave: #7b45b4;
  --color-track-on-media: #1c2130;
  --color-text-export: #191917;
  --color-text-prompt-idle: #7c8299;
  --color-timeline-bg: #f1efed;
  --color-text-accent-lilac: #6b48c0;
  --color-text-ai-placeholder: #5e6062;
  --color-surface-shell: #ece9e2;
  --shadow-raised-1: #1a181412;
  --shadow-raised-2: #1a18140d;
  --shadow-overlay-1: #00000014;
  --shadow-overlay-2: #0000001a;
  --shadow-modal-1: #0000001a;
  --shadow-modal-2: #00000029;
  --shadow-floating: #0000001a;
  --shadow-accent: #1e2a4a29;
  --color-accent-sweep-1: #9fb6ea;
  --color-accent-sweep-2: #a898f0;
  --color-accent-sweep-3: #c7b4f0;
  --color-accent-sweep-4: #d49ad6;
  --color-accent-sweep-5: #9ccdf0;
  --color-accent-on-sweep-1: #2e2160;
  --color-accent-on-sweep-2: #3f0c3f;
  --color-data-series-1: #5a7de0;
  --color-data-series-2: #8a68ea;
  --color-data-series-3: #c86bb8;
  --color-surface-panel: #efece5;
  --color-surface-card: #fcfbf8;
  --color-surface-inset: #f4f1ea;
  --color-border-hairline: #1a181414;
  --color-border-selected: #1a181424;
  --gradient-accent-spectrum: linear-gradient(110deg, var(--color-accent-sweep-1) 0%, var(--color-accent-sweep-2) 28%, var(--color-accent-sweep-3) 50%, var(--color-accent-sweep-4) 72%, var(--color-accent-sweep-5) 100%);
  --gradient-accent-line: linear-gradient(90deg, var(--color-accent-sweep-1) 0%, var(--color-accent-sweep-2) 28%, var(--color-accent-sweep-3) 50%, var(--color-accent-sweep-4) 72%, var(--color-accent-sweep-5) 100%);
  --gradient-accent-ring: conic-gradient(from 0deg, var(--color-accent-sweep-1) 0%, var(--color-accent-sweep-2) 28%, var(--color-accent-sweep-3) 50%, var(--color-accent-sweep-4) 72%, var(--color-accent-sweep-5) 100%);
  --gradient-accent-ink: linear-gradient(90deg, var(--color-accent-on-sweep-1) 0%, var(--color-accent-on-sweep-2) 100%);
  --gradient-accent-pill: linear-gradient(144.69deg, var(--color-accent-sweep-1) 11.007%, var(--color-accent-sweep-2) 32.843%, var(--color-accent-sweep-3) 50%, var(--color-accent-sweep-4) 67.157%, var(--color-accent-sweep-5) 88.993%);
  --ps-bingo-1: #b9e0fa;
  --ps-bingo-2: #b9a4f2;
  --ps-bingo-3: #8a63dd;
  --ps-bingo-4: #c46aa8;
  --ps-bingo-5: #e0607d;
  --ps-bingo-edge: #2b160614;
  --ps-bingo-headset: #262522;
  --ps-leak-1: 34%;
  --ps-leak-2: 16%;
  --ps-leak-3: 5%;
  --ps-rim-glow: 36%;
  color-scheme: light;
}