/* Generated by execution/tokens_build.py from tokens/tokens.json - do not edit by hand */
:root {
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-neutral-25: #F9F9F9;
  --color-neutral-50: #F3F3F3;
  --color-neutral-100: #EBEBEB;
  --color-neutral-200: #E2E2E2;
  --color-neutral-250: #D4D4D4;
  --color-neutral-300: #B4B4B4;
  --color-neutral-400: #949494;
  --color-neutral-500: #858585;
  --color-neutral-550: #777777;
  --color-neutral-600: #686868;
  --color-neutral-700: #4A4A4A;
  --color-neutral-750: #333333;
  --color-neutral-800: #2A2A2A;
  --color-neutral-850: #222222;
  --color-neutral-875: #1C1C1C;
  --color-neutral-900: #141414;
  --color-neutral-950: #0A0A0A;
  --color-brand-50: #F3F3F3;
  --color-brand-100: #EBEBEB;
  --color-brand-200: #E2E2E2;
  --color-brand-300: #B4B4B4;
  --color-brand-400: #949494;
  --color-brand-500: #686868;
  --color-brand-600: #141414;
  --color-brand-700: #0E0E0E;
  --color-brand-800: #0A0A0A;
  --color-brand-900: #050505;
  --color-brand-950: #000000;
  --color-red-50: #F9ECEA;
  --color-red-100: #F6D4D0;
  --color-red-200: #F4BCB5;
  --color-red-300: #F1A39A;
  --color-red-400: #EE8B80;
  --color-red-500: #B8443A;
  --color-red-600: #A1362B;
  --color-red-700: #87291F;
  --color-red-800: #68241D;
  --color-red-900: #4A1F1A;
  --color-red-950: #2B1A18;
  --color-yellow-50: #F8F0E0;
  --color-yellow-100: #F1E0C0;
  --color-yellow-200: #EAD09F;
  --color-yellow-300: #E4C17E;
  --color-yellow-400: #DDB15E;
  --color-yellow-500: #B0862F;
  --color-yellow-600: #845A00;
  --color-yellow-700: #6E4C06;
  --color-yellow-800: #573E0B;
  --color-yellow-900: #403010;
  --color-yellow-950: #2A2216;
  --color-green-50: #EAF3ED;
  --color-green-100: #D0E7D9;
  --color-green-200: #B6DAC4;
  --color-green-300: #9CCEB0;
  --color-green-400: #82C29C;
  --color-green-500: #589672;
  --color-green-600: #2D6A47;
  --color-green-700: #27583C;
  --color-green-800: #224731;
  --color-green-900: #1C3626;
  --color-green-950: #16241B;
  --color-blue-50: #EDF3FF;
  --color-blue-100: #DBE7FF;
  --color-blue-200: #B8D1FF;
  --color-blue-300: #8DB8FF;
  --color-blue-400: #5E9BFF;
  --color-blue-500: #3186FF;
  --color-blue-600: #1B6CE6;
  --color-blue-700: #1557C2;
  --color-blue-800: #13449A;
  --color-blue-900: #0F2D66;
  --color-blue-950: #0D1B38;
  --color-alpha-black-10: #0000001A;
  --color-alpha-black-40: #00000066;
  --color-alpha-black-60: #00000099;
  --font-sans: Manrope Variable, Manrope, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono: ui-monospace, SF Mono, Menlo, Consolas, monospace;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.125rem;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;
  --tracking-tight: -0.01em;
  --tracking-normal: 0em;
  --space-0: 0px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 9999px;
  --border-width: 1px;
  --border-width-strong: 2px;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --control-h-sm: 2rem;
  --control-h-md: 2.5rem;
  --control-h-lg: 3rem;
  --control-h-touch: 2.75rem;
  --icon-sm: 1rem;
  --icon-md: 1.25rem;
  --icon-lg: 1.5rem;
  --presence-reach: 13.75rem;
  --presence-reach-sm: 10.625rem;
  --presence-fade: 4rem;
  --presence-mask-stop: 0.12;
  --toggle-w: 2.5rem;
  --toggle-h: 1.5rem;
  --layout-rail: 15rem;
  --layout-rail-collapsed: 3.25rem;
  --layout-panel: 27.5rem;
  --layout-content: 60rem;
  --layout-narrow: 45rem;
  --layout-topbar: 4rem;
  --layout-gutter: 1rem;
  --layout-dialog: 35rem;
  --duration-fast: 160ms;
  --duration-base: 240ms;
  --duration-slow: 420ms;
  --duration-slower: 560ms;
  --duration-exit: 200ms;
  --duration-stagger: 80ms;
  --duration-loop-dots: 1200ms;
  --duration-loop-skeleton: 1400ms;
  --duration-loop-shimmer: 1800ms;
  --duration-presence-sweep: 2800ms;
  --ease-standard: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-exit: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-presence: cubic-bezier(0.37, 0, 0.63, 1);
  --z-sticky: 10;
  --z-overlay: 50;
  --z-dialog: 100;
  --z-toast: 200;
  --elevation-raised-light: 0 1px 2px rgba(0, 0, 0, 0.04), 0 2px 8px rgba(0, 0, 0, 0.04);
  --elevation-overlay-light: 0 12px 32px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06);
  --elevation-raised-dark: 0 0 0 0 rgba(255, 255, 255, 0);
  --elevation-overlay-dark: 0 16px 40px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.06);
  --color-text-nav: var(--color-neutral-900);
  --color-text-primary: var(--color-neutral-900);
  --color-text-primary_on-brand: var(--color-white);
  --color-text-secondary: var(--color-neutral-700);
  --color-text-secondary_hover: var(--color-neutral-800);
  --color-text-secondary_on-brand: var(--color-brand-200);
  --color-text-tertiary: var(--color-neutral-600);
  --color-text-tertiary_hover: var(--color-neutral-700);
  --color-text-tertiary_on-brand: var(--color-brand-200);
  --color-text-quaternary: var(--color-neutral-600);
  --color-text-quaternary_on-brand: var(--color-brand-300);
  --color-text-white: var(--color-white);
  --color-text-placeholder: var(--color-neutral-600);
  --color-text-brand-primary: var(--color-brand-900);
  --color-text-brand-secondary: var(--color-brand-600);
  --color-text-brand-secondary_hover: var(--color-brand-800);
  --color-text-brand-tertiary: var(--color-brand-600);
  --color-text-brand-tertiary_alt: var(--color-brand-600);
  --color-text-error-primary: var(--color-red-600);
  --color-text-error-primary_hover: var(--color-red-700);
  --color-text-warning-primary: var(--color-yellow-600);
  --color-text-success-primary: var(--color-green-600);
  --color-text-disabled: var(--color-neutral-600);
  --color-text-primary_on-checked: var(--color-white);
  --color-text-layer-session: var(--color-neutral-900);
  --color-border-primary: var(--color-neutral-500);
  --color-border-secondary: var(--color-neutral-200);
  --color-border-secondary_alt: var(--color-alpha-black-10);
  --color-border-tertiary: var(--color-neutral-100);
  --color-border-brand: var(--color-brand-500);
  --color-border-brand_alt: var(--color-brand-600);
  --color-border-error: var(--color-red-500);
  --color-border-error_subtle: var(--color-red-300);
  --color-border-selected: var(--color-neutral-900);
  --color-border-layer-session: var(--color-neutral-250);
  --color-border-mark-heard: var(--color-neutral-500);
  --color-fg-icon: var(--color-neutral-900);
  --color-fg-primary: var(--color-neutral-900);
  --color-fg-secondary: var(--color-neutral-700);
  --color-fg-secondary_hover: var(--color-neutral-800);
  --color-fg-tertiary: var(--color-neutral-600);
  --color-fg-tertiary_hover: var(--color-neutral-700);
  --color-fg-quaternary: var(--color-neutral-550);
  --color-fg-quaternary_hover: var(--color-neutral-600);
  --color-fg-white: var(--color-white);
  --color-fg-brand-primary: var(--color-brand-600);
  --color-fg-brand-primary_alt: var(--color-brand-600);
  --color-fg-brand-secondary: var(--color-brand-500);
  --color-fg-brand-secondary_alt: var(--color-brand-500);
  --color-fg-brand-secondary_hover: var(--color-brand-600);
  --color-fg-error-primary: var(--color-red-600);
  --color-fg-error-secondary: var(--color-red-500);
  --color-fg-warning-primary: var(--color-yellow-600);
  --color-fg-warning-secondary: var(--color-yellow-500);
  --color-fg-success-primary: var(--color-green-600);
  --color-fg-success-secondary: var(--color-green-500);
  --color-fg-disabled: var(--color-neutral-600);
  --color-fg-mic-live: var(--color-blue-600);
  --color-fg-presence-deep: var(--color-blue-700);
  --color-fg-presence-strong: var(--color-blue-600);
  --color-fg-presence-core: var(--color-blue-500);
  --color-fg-presence-soft: var(--color-blue-400);
  --color-bg-primary: var(--color-neutral-25);
  --color-bg-primary_alt: var(--color-white);
  --color-bg-primary_hover: var(--color-neutral-50);
  --color-bg-primary-solid: var(--color-neutral-950);
  --color-bg-secondary: var(--color-neutral-50);
  --color-bg-secondary_alt: var(--color-neutral-50);
  --color-bg-secondary_hover: var(--color-neutral-100);
  --color-bg-secondary-solid: var(--color-neutral-600);
  --color-bg-tertiary: var(--color-neutral-100);
  --color-bg-quaternary: var(--color-neutral-200);
  --color-bg-overlay: var(--color-neutral-950);
  --color-bg-brand-primary: var(--color-brand-50);
  --color-bg-brand-primary_alt: var(--color-brand-50);
  --color-bg-brand-secondary: var(--color-brand-100);
  --color-bg-brand-solid: var(--color-brand-600);
  --color-bg-brand-solid_hover: var(--color-neutral-800);
  --color-bg-brand-section: var(--color-brand-800);
  --color-bg-brand-section_subtle: var(--color-brand-700);
  --color-bg-error-primary: var(--color-red-50);
  --color-bg-error-secondary: var(--color-red-100);
  --color-bg-error-solid: var(--color-red-600);
  --color-bg-error-solid_hover: var(--color-red-700);
  --color-bg-warning-primary: var(--color-yellow-50);
  --color-bg-warning-secondary: var(--color-yellow-100);
  --color-bg-warning-solid: var(--color-yellow-600);
  --color-bg-success-primary: var(--color-green-50);
  --color-bg-success-secondary: var(--color-green-100);
  --color-bg-success-solid: var(--color-green-600);
  --color-bg-sidebar: var(--color-white);
  --color-bg-scrim: var(--color-alpha-black-40);
  --color-bg-brand-solid_pressed: var(--color-neutral-750);
  --color-bg-disabled: var(--color-neutral-100);
  --color-bg-checked: var(--color-neutral-900);
  --color-bg-layer-content: var(--color-neutral-50);
  --color-bg-layer-language: var(--color-neutral-50);
  --color-bg-layer-delivery: var(--color-neutral-100);
  --color-bg-mark-fix: var(--color-neutral-100);
  --color-bg-card: var(--color-white);
  --color-bg-card_hover: var(--color-neutral-50);
  --color-bg-chip: var(--color-neutral-100);
  --color-bg-chip_hover: var(--color-neutral-200);
  --color-bg-chip-selected: var(--color-neutral-900);
  --color-bg-chip-selected_hover: var(--color-neutral-800);
  --color-bg-bubble: var(--color-white);
  --color-bg-plaque: var(--color-white);
  --color-bg-note: var(--color-white);
  --color-bg-field: var(--color-neutral-100);
  --color-focus-ring: var(--color-brand-500);
  --color-focus-ring-error: var(--color-red-500);
  --color-toggle-border: var(--color-neutral-500);
  --color-tooltip-supporting-text: var(--color-neutral-300);
  --color-toggle-bg_pressed: var(--color-blue-600);
  --shadow-raised: var(--elevation-raised-light);
  --shadow-overlay: var(--elevation-overlay-light);
  --color-canvas: var(--color-bg-primary);
  --color-sidebar: var(--color-bg-sidebar);
  --color-raised: var(--color-bg-primary_alt);
  --color-subtle: var(--color-bg-secondary);
  --color-hover: var(--color-bg-primary_hover);
  --color-selected: var(--color-bg-tertiary);
  --color-scrim: var(--color-bg-scrim);
  --color-action: var(--color-bg-brand-solid);
  --color-action-hover: var(--color-bg-brand-solid_hover);
  --color-action-pressed: var(--color-bg-brand-solid_pressed);
  --color-action-disabled: var(--color-bg-disabled);
  --color-danger: var(--color-bg-error-solid);
  --color-danger-hover: var(--color-bg-error-solid_hover);
  --color-checked: var(--color-bg-checked);
  --color-toggle-on: var(--color-blue-600);
  --color-text-link: var(--color-text-brand-secondary);
  --color-text-on-action: var(--color-text-primary_on-brand);
  --color-text-on-danger: var(--color-text-white);
  --color-text-on-checked: var(--color-text-primary_on-checked);
  --color-text-on-toggle: var(--color-fg-white);
  --color-text-error: var(--color-text-error-primary);
  --color-text-warning: var(--color-text-warning-primary);
  --color-text-success: var(--color-text-success-primary);
  --color-border-subtle: var(--color-border-secondary);
  --color-border-control: var(--color-border-primary);
  --color-focus: var(--color-focus-ring);
  --color-mic-live: var(--color-fg-mic-live);
  --color-presence-deep: var(--color-fg-presence-deep);
  --color-presence-strong: var(--color-fg-presence-strong);
  --color-presence-core: var(--color-fg-presence-core);
  --color-presence-soft: var(--color-fg-presence-soft);
  --color-layer-session-text: var(--color-text-layer-session);
  --color-layer-session-rule: var(--color-border-layer-session);
  --color-layer-content-tint: var(--color-bg-layer-content);
  --color-layer-language-tint: var(--color-bg-layer-language);
  --color-layer-delivery-tint: var(--color-bg-layer-delivery);
  --color-mark-fix: var(--color-bg-mark-fix);
  --color-mark-heard: var(--color-border-mark-heard);
  --color-error-tint: var(--color-bg-error-primary);
  --color-warning-tint: var(--color-bg-warning-primary);
  --color-success-tint: var(--color-bg-success-primary);
  --color-surface-card: var(--color-bg-card);
  --color-surface-card-hover: var(--color-bg-card_hover);
  --color-surface-chip: var(--color-bg-chip);
  --color-surface-chip-hover: var(--color-bg-chip_hover);
  --color-surface-chip-selected: var(--color-bg-chip-selected);
  --color-surface-chip-selected-hover: var(--color-bg-chip-selected_hover);
  --color-surface-bubble: var(--color-bg-bubble);
  --color-surface-plaque: var(--color-bg-plaque);
  --color-surface-note: var(--color-bg-note);
  --color-surface-field: var(--color-bg-field);
}
[data-theme="dark"] {
  --color-text-nav: var(--color-neutral-300);
  --color-text-primary: var(--color-neutral-100);
  --color-text-primary_on-brand: var(--color-neutral-900);
  --color-text-secondary: var(--color-neutral-300);
  --color-text-secondary_hover: var(--color-neutral-200);
  --color-text-secondary_on-brand: var(--color-neutral-300);
  --color-text-tertiary: var(--color-neutral-400);
  --color-text-tertiary_hover: var(--color-neutral-300);
  --color-text-tertiary_on-brand: var(--color-neutral-400);
  --color-text-quaternary: var(--color-neutral-400);
  --color-text-quaternary_on-brand: var(--color-neutral-400);
  --color-text-white: var(--color-white);
  --color-text-placeholder: var(--color-neutral-400);
  --color-text-brand-primary: var(--color-neutral-50);
  --color-text-brand-secondary: var(--color-neutral-100);
  --color-text-brand-secondary_hover: var(--color-neutral-200);
  --color-text-brand-tertiary: var(--color-neutral-400);
  --color-text-brand-tertiary_alt: var(--color-neutral-50);
  --color-text-error-primary: var(--color-red-400);
  --color-text-error-primary_hover: var(--color-red-300);
  --color-text-warning-primary: var(--color-yellow-400);
  --color-text-success-primary: var(--color-green-400);
  --color-text-disabled: var(--color-neutral-400);
  --color-text-primary_on-checked: var(--color-neutral-900);
  --color-text-layer-session: var(--color-neutral-100);
  --color-border-primary: var(--color-neutral-550);
  --color-border-secondary: var(--color-neutral-750);
  --color-border-secondary_alt: var(--color-neutral-800);
  --color-border-tertiary: var(--color-neutral-800);
  --color-border-brand: var(--color-brand-400);
  --color-border-brand_alt: var(--color-neutral-700);
  --color-border-error: var(--color-red-400);
  --color-border-error_subtle: var(--color-red-500);
  --color-border-selected: var(--color-neutral-100);
  --color-border-layer-session: var(--color-neutral-750);
  --color-border-mark-heard: var(--color-neutral-550);
  --color-fg-icon: var(--color-neutral-300);
  --color-fg-primary: var(--color-neutral-100);
  --color-fg-secondary: var(--color-neutral-300);
  --color-fg-secondary_hover: var(--color-neutral-200);
  --color-fg-tertiary: var(--color-neutral-400);
  --color-fg-tertiary_hover: var(--color-neutral-300);
  --color-fg-quaternary: var(--color-neutral-500);
  --color-fg-quaternary_hover: var(--color-neutral-400);
  --color-fg-white: var(--color-white);
  --color-fg-brand-primary: var(--color-brand-500);
  --color-fg-brand-primary_alt: var(--color-neutral-100);
  --color-fg-brand-secondary: var(--color-brand-500);
  --color-fg-brand-secondary_alt: var(--color-neutral-600);
  --color-fg-brand-secondary_hover: var(--color-neutral-500);
  --color-fg-error-primary: var(--color-red-500);
  --color-fg-error-secondary: var(--color-red-400);
  --color-fg-warning-primary: var(--color-yellow-500);
  --color-fg-warning-secondary: var(--color-yellow-400);
  --color-fg-success-primary: var(--color-green-500);
  --color-fg-success-secondary: var(--color-green-400);
  --color-fg-disabled: var(--color-neutral-400);
  --color-fg-mic-live: var(--color-blue-400);
  --color-fg-presence-deep: var(--color-blue-700);
  --color-fg-presence-strong: var(--color-blue-600);
  --color-fg-presence-core: var(--color-blue-500);
  --color-fg-presence-soft: var(--color-blue-400);
  --color-bg-primary: var(--color-neutral-950);
  --color-bg-primary_alt: var(--color-neutral-875);
  --color-bg-primary_hover: var(--color-neutral-850);
  --color-bg-primary-solid: var(--color-neutral-800);
  --color-bg-secondary: var(--color-neutral-850);
  --color-bg-secondary_alt: var(--color-neutral-950);
  --color-bg-secondary_hover: var(--color-neutral-800);
  --color-bg-secondary-solid: var(--color-neutral-600);
  --color-bg-tertiary: var(--color-neutral-800);
  --color-bg-quaternary: var(--color-neutral-700);
  --color-bg-overlay: var(--color-neutral-800);
  --color-bg-brand-primary: var(--color-brand-500);
  --color-bg-brand-primary_alt: var(--color-neutral-850);
  --color-bg-brand-secondary: var(--color-brand-600);
  --color-bg-brand-solid: var(--color-neutral-100);
  --color-bg-brand-solid_hover: var(--color-neutral-200);
  --color-bg-brand-section: var(--color-neutral-850);
  --color-bg-brand-section_subtle: var(--color-neutral-950);
  --color-bg-error-primary: var(--color-red-950);
  --color-bg-error-secondary: var(--color-red-600);
  --color-bg-error-solid: var(--color-red-600);
  --color-bg-error-solid_hover: var(--color-red-500);
  --color-bg-warning-primary: var(--color-yellow-950);
  --color-bg-warning-secondary: var(--color-yellow-600);
  --color-bg-warning-solid: var(--color-yellow-600);
  --color-bg-success-primary: var(--color-green-950);
  --color-bg-success-secondary: var(--color-green-600);
  --color-bg-success-solid: var(--color-green-600);
  --color-bg-sidebar: var(--color-neutral-900);
  --color-bg-scrim: var(--color-alpha-black-60);
  --color-bg-brand-solid_pressed: var(--color-neutral-250);
  --color-bg-disabled: var(--color-neutral-800);
  --color-bg-checked: var(--color-neutral-100);
  --color-bg-layer-content: var(--color-neutral-850);
  --color-bg-layer-language: var(--color-neutral-850);
  --color-bg-layer-delivery: var(--color-neutral-800);
  --color-bg-mark-fix: var(--color-neutral-800);
  --color-bg-card: var(--color-neutral-875);
  --color-bg-card_hover: var(--color-neutral-850);
  --color-bg-chip: var(--color-neutral-800);
  --color-bg-chip_hover: var(--color-neutral-750);
  --color-bg-chip-selected: var(--color-neutral-100);
  --color-bg-chip-selected_hover: var(--color-neutral-200);
  --color-bg-bubble: var(--color-neutral-850);
  --color-bg-plaque: var(--color-neutral-800);
  --color-bg-note: var(--color-neutral-850);
  --color-bg-field: var(--color-neutral-800);
  --color-focus-ring: var(--color-brand-400);
  --color-focus-ring-error: var(--color-red-500);
  --color-toggle-border: var(--color-neutral-550);
  --color-tooltip-supporting-text: var(--color-neutral-300);
  --color-toggle-bg_pressed: var(--color-blue-600);
  --shadow-raised: var(--elevation-raised-dark);
  --shadow-overlay: var(--elevation-overlay-dark);
  --color-canvas: var(--color-bg-primary);
  --color-sidebar: var(--color-bg-sidebar);
  --color-raised: var(--color-bg-primary_alt);
  --color-subtle: var(--color-bg-secondary);
  --color-hover: var(--color-bg-primary_hover);
  --color-selected: var(--color-bg-tertiary);
  --color-scrim: var(--color-bg-scrim);
  --color-action: var(--color-bg-brand-solid);
  --color-action-hover: var(--color-bg-brand-solid_hover);
  --color-action-pressed: var(--color-bg-brand-solid_pressed);
  --color-action-disabled: var(--color-bg-disabled);
  --color-danger: var(--color-bg-error-solid);
  --color-danger-hover: var(--color-bg-error-solid_hover);
  --color-checked: var(--color-bg-checked);
  --color-toggle-on: var(--color-blue-600);
  --color-text-link: var(--color-text-brand-secondary);
  --color-text-on-action: var(--color-text-primary_on-brand);
  --color-text-on-danger: var(--color-text-white);
  --color-text-on-checked: var(--color-text-primary_on-checked);
  --color-text-on-toggle: var(--color-fg-white);
  --color-text-error: var(--color-text-error-primary);
  --color-text-warning: var(--color-text-warning-primary);
  --color-text-success: var(--color-text-success-primary);
  --color-border-subtle: var(--color-border-secondary);
  --color-border-control: var(--color-border-primary);
  --color-focus: var(--color-focus-ring);
  --color-mic-live: var(--color-fg-mic-live);
  --color-presence-deep: var(--color-fg-presence-deep);
  --color-presence-strong: var(--color-fg-presence-strong);
  --color-presence-core: var(--color-fg-presence-core);
  --color-presence-soft: var(--color-fg-presence-soft);
  --color-layer-session-text: var(--color-text-layer-session);
  --color-layer-session-rule: var(--color-border-layer-session);
  --color-layer-content-tint: var(--color-bg-layer-content);
  --color-layer-language-tint: var(--color-bg-layer-language);
  --color-layer-delivery-tint: var(--color-bg-layer-delivery);
  --color-mark-fix: var(--color-bg-mark-fix);
  --color-mark-heard: var(--color-border-mark-heard);
  --color-error-tint: var(--color-bg-error-primary);
  --color-warning-tint: var(--color-bg-warning-primary);
  --color-success-tint: var(--color-bg-success-primary);
  --color-surface-card: var(--color-bg-card);
  --color-surface-card-hover: var(--color-bg-card_hover);
  --color-surface-chip: var(--color-bg-chip);
  --color-surface-chip-hover: var(--color-bg-chip_hover);
  --color-surface-chip-selected: var(--color-bg-chip-selected);
  --color-surface-chip-selected-hover: var(--color-bg-chip-selected_hover);
  --color-surface-bubble: var(--color-bg-bubble);
  --color-surface-plaque: var(--color-bg-plaque);
  --color-surface-note: var(--color-bg-note);
  --color-surface-field: var(--color-bg-field);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-text-nav: var(--color-neutral-300);
    --color-text-primary: var(--color-neutral-100);
    --color-text-primary_on-brand: var(--color-neutral-900);
    --color-text-secondary: var(--color-neutral-300);
    --color-text-secondary_hover: var(--color-neutral-200);
    --color-text-secondary_on-brand: var(--color-neutral-300);
    --color-text-tertiary: var(--color-neutral-400);
    --color-text-tertiary_hover: var(--color-neutral-300);
    --color-text-tertiary_on-brand: var(--color-neutral-400);
    --color-text-quaternary: var(--color-neutral-400);
    --color-text-quaternary_on-brand: var(--color-neutral-400);
    --color-text-white: var(--color-white);
    --color-text-placeholder: var(--color-neutral-400);
    --color-text-brand-primary: var(--color-neutral-50);
    --color-text-brand-secondary: var(--color-neutral-100);
    --color-text-brand-secondary_hover: var(--color-neutral-200);
    --color-text-brand-tertiary: var(--color-neutral-400);
    --color-text-brand-tertiary_alt: var(--color-neutral-50);
    --color-text-error-primary: var(--color-red-400);
    --color-text-error-primary_hover: var(--color-red-300);
    --color-text-warning-primary: var(--color-yellow-400);
    --color-text-success-primary: var(--color-green-400);
    --color-text-disabled: var(--color-neutral-400);
    --color-text-primary_on-checked: var(--color-neutral-900);
    --color-text-layer-session: var(--color-neutral-100);
    --color-border-primary: var(--color-neutral-550);
    --color-border-secondary: var(--color-neutral-750);
    --color-border-secondary_alt: var(--color-neutral-800);
    --color-border-tertiary: var(--color-neutral-800);
    --color-border-brand: var(--color-brand-400);
    --color-border-brand_alt: var(--color-neutral-700);
    --color-border-error: var(--color-red-400);
    --color-border-error_subtle: var(--color-red-500);
    --color-border-selected: var(--color-neutral-100);
    --color-border-layer-session: var(--color-neutral-750);
    --color-border-mark-heard: var(--color-neutral-550);
    --color-fg-icon: var(--color-neutral-300);
    --color-fg-primary: var(--color-neutral-100);
    --color-fg-secondary: var(--color-neutral-300);
    --color-fg-secondary_hover: var(--color-neutral-200);
    --color-fg-tertiary: var(--color-neutral-400);
    --color-fg-tertiary_hover: var(--color-neutral-300);
    --color-fg-quaternary: var(--color-neutral-500);
    --color-fg-quaternary_hover: var(--color-neutral-400);
    --color-fg-white: var(--color-white);
    --color-fg-brand-primary: var(--color-brand-500);
    --color-fg-brand-primary_alt: var(--color-neutral-100);
    --color-fg-brand-secondary: var(--color-brand-500);
    --color-fg-brand-secondary_alt: var(--color-neutral-600);
    --color-fg-brand-secondary_hover: var(--color-neutral-500);
    --color-fg-error-primary: var(--color-red-500);
    --color-fg-error-secondary: var(--color-red-400);
    --color-fg-warning-primary: var(--color-yellow-500);
    --color-fg-warning-secondary: var(--color-yellow-400);
    --color-fg-success-primary: var(--color-green-500);
    --color-fg-success-secondary: var(--color-green-400);
    --color-fg-disabled: var(--color-neutral-400);
    --color-fg-mic-live: var(--color-blue-400);
    --color-fg-presence-deep: var(--color-blue-700);
    --color-fg-presence-strong: var(--color-blue-600);
    --color-fg-presence-core: var(--color-blue-500);
    --color-fg-presence-soft: var(--color-blue-400);
    --color-bg-primary: var(--color-neutral-950);
    --color-bg-primary_alt: var(--color-neutral-875);
    --color-bg-primary_hover: var(--color-neutral-850);
    --color-bg-primary-solid: var(--color-neutral-800);
    --color-bg-secondary: var(--color-neutral-850);
    --color-bg-secondary_alt: var(--color-neutral-950);
    --color-bg-secondary_hover: var(--color-neutral-800);
    --color-bg-secondary-solid: var(--color-neutral-600);
    --color-bg-tertiary: var(--color-neutral-800);
    --color-bg-quaternary: var(--color-neutral-700);
    --color-bg-overlay: var(--color-neutral-800);
    --color-bg-brand-primary: var(--color-brand-500);
    --color-bg-brand-primary_alt: var(--color-neutral-850);
    --color-bg-brand-secondary: var(--color-brand-600);
    --color-bg-brand-solid: var(--color-neutral-100);
    --color-bg-brand-solid_hover: var(--color-neutral-200);
    --color-bg-brand-section: var(--color-neutral-850);
    --color-bg-brand-section_subtle: var(--color-neutral-950);
    --color-bg-error-primary: var(--color-red-950);
    --color-bg-error-secondary: var(--color-red-600);
    --color-bg-error-solid: var(--color-red-600);
    --color-bg-error-solid_hover: var(--color-red-500);
    --color-bg-warning-primary: var(--color-yellow-950);
    --color-bg-warning-secondary: var(--color-yellow-600);
    --color-bg-warning-solid: var(--color-yellow-600);
    --color-bg-success-primary: var(--color-green-950);
    --color-bg-success-secondary: var(--color-green-600);
    --color-bg-success-solid: var(--color-green-600);
    --color-bg-sidebar: var(--color-neutral-900);
    --color-bg-scrim: var(--color-alpha-black-60);
    --color-bg-brand-solid_pressed: var(--color-neutral-250);
    --color-bg-disabled: var(--color-neutral-800);
    --color-bg-checked: var(--color-neutral-100);
    --color-bg-layer-content: var(--color-neutral-850);
    --color-bg-layer-language: var(--color-neutral-850);
    --color-bg-layer-delivery: var(--color-neutral-800);
    --color-bg-mark-fix: var(--color-neutral-800);
    --color-bg-card: var(--color-neutral-875);
    --color-bg-card_hover: var(--color-neutral-850);
    --color-bg-chip: var(--color-neutral-800);
    --color-bg-chip_hover: var(--color-neutral-750);
    --color-bg-chip-selected: var(--color-neutral-100);
    --color-bg-chip-selected_hover: var(--color-neutral-200);
    --color-bg-bubble: var(--color-neutral-850);
    --color-bg-plaque: var(--color-neutral-800);
    --color-bg-note: var(--color-neutral-850);
    --color-bg-field: var(--color-neutral-800);
    --color-focus-ring: var(--color-brand-400);
    --color-focus-ring-error: var(--color-red-500);
    --color-toggle-border: var(--color-neutral-550);
    --color-tooltip-supporting-text: var(--color-neutral-300);
    --color-toggle-bg_pressed: var(--color-blue-600);
    --shadow-raised: var(--elevation-raised-dark);
    --shadow-overlay: var(--elevation-overlay-dark);
    --color-canvas: var(--color-bg-primary);
    --color-sidebar: var(--color-bg-sidebar);
    --color-raised: var(--color-bg-primary_alt);
    --color-subtle: var(--color-bg-secondary);
    --color-hover: var(--color-bg-primary_hover);
    --color-selected: var(--color-bg-tertiary);
    --color-scrim: var(--color-bg-scrim);
    --color-action: var(--color-bg-brand-solid);
    --color-action-hover: var(--color-bg-brand-solid_hover);
    --color-action-pressed: var(--color-bg-brand-solid_pressed);
    --color-action-disabled: var(--color-bg-disabled);
    --color-danger: var(--color-bg-error-solid);
    --color-danger-hover: var(--color-bg-error-solid_hover);
    --color-checked: var(--color-bg-checked);
    --color-toggle-on: var(--color-blue-600);
    --color-text-link: var(--color-text-brand-secondary);
    --color-text-on-action: var(--color-text-primary_on-brand);
    --color-text-on-danger: var(--color-text-white);
    --color-text-on-checked: var(--color-text-primary_on-checked);
    --color-text-on-toggle: var(--color-fg-white);
    --color-text-error: var(--color-text-error-primary);
    --color-text-warning: var(--color-text-warning-primary);
    --color-text-success: var(--color-text-success-primary);
    --color-border-subtle: var(--color-border-secondary);
    --color-border-control: var(--color-border-primary);
    --color-focus: var(--color-focus-ring);
    --color-mic-live: var(--color-fg-mic-live);
    --color-presence-deep: var(--color-fg-presence-deep);
    --color-presence-strong: var(--color-fg-presence-strong);
    --color-presence-core: var(--color-fg-presence-core);
    --color-presence-soft: var(--color-fg-presence-soft);
    --color-layer-session-text: var(--color-text-layer-session);
    --color-layer-session-rule: var(--color-border-layer-session);
    --color-layer-content-tint: var(--color-bg-layer-content);
    --color-layer-language-tint: var(--color-bg-layer-language);
    --color-layer-delivery-tint: var(--color-bg-layer-delivery);
    --color-mark-fix: var(--color-bg-mark-fix);
    --color-mark-heard: var(--color-border-mark-heard);
    --color-error-tint: var(--color-bg-error-primary);
    --color-warning-tint: var(--color-bg-warning-primary);
    --color-success-tint: var(--color-bg-success-primary);
    --color-surface-card: var(--color-bg-card);
    --color-surface-card-hover: var(--color-bg-card_hover);
    --color-surface-chip: var(--color-bg-chip);
    --color-surface-chip-hover: var(--color-bg-chip_hover);
    --color-surface-chip-selected: var(--color-bg-chip-selected);
    --color-surface-chip-selected-hover: var(--color-bg-chip-selected_hover);
    --color-surface-bubble: var(--color-bg-bubble);
    --color-surface-plaque: var(--color-bg-plaque);
    --color-surface-note: var(--color-bg-note);
    --color-surface-field: var(--color-bg-field);
  }
}
