/* 01 Brand System v2 · GENERATED by tokens/build.py · do not edit by hand.
   Layers: --p-* primitives (private) · semantic (--color-*, --type-*, --radius-*, --space-*, --motion-*, --elevation-*) · component vars.
   Modes: human-dusk is the default. Set data-mode="human-day|machine-graphite|machine-steel" on any element.
   data-voice="machine" inside a human mode picks the matching machine mode (Dusk -> graphite, Day -> steel). */

/* ---- primitives ---- */
:root {
  --p-dusk-ground: #0C0D14;
  --p-dusk-surface: #131521;
  --p-dusk-raised: #1A1D2B;
  --p-dusk-line: #272B3B;
  --p-dusk-fg: #ECEDF4;
  --p-dusk-fg-2: #A7ACBF;
  --p-dusk-fg-3: #8085A0;
  --p-dusk-logo-ai: #8C90A6;
  --p-day-ground: #F3F3F8;
  --p-day-surface: #FBFBFD;
  --p-day-raised: #FFFFFF;
  --p-day-line: #D8D9E4;
  --p-day-fg: #10121C;
  --p-day-fg-2: #464A5E;
  --p-day-fg-3: #5D6177;
  --p-day-logo-ai: #5A6069;
  --p-day-page: #F4F6F9;
  --p-graphite-ground: #111315;
  --p-graphite-surface: #181A1D;
  --p-graphite-raised: #1E2124;
  --p-graphite-line: #2B2E33;
  --p-graphite-fg: #D9DCDF;
  --p-graphite-fg-2: #989CA3;
  --p-graphite-fg-3: #878C93;
  --p-graphite-idle: #6A7078;
  --p-graphite-track: #3A3E44;
  --p-steel-ground: #E7E9EC;
  --p-steel-surface: #EEF0F2;
  --p-steel-raised: #F5F6F8;
  --p-steel-line: #C3C8CE;
  --p-steel-fg: #15181C;
  --p-steel-fg-2: #3E444B;
  --p-steel-fg-3: #5A6068;
  --p-steel-idle: #8B949D;
  --p-steel-track: #C9CED4;
  --p-amber-human: #FFA51F;
  --p-amber-machine: #FF9F1A;
  --p-amber-deep: #9E4A08;
  --p-amber-fill: #C8690B;
  --p-violet-light: #A594FF;
  --p-violet-action: #5636D9;
  --p-blue-ice: #8EB8FF;
  --p-blue-cobalt: #2450C8;
  --p-blue-workspace: #3368B0;
  --p-blue-workspace-dusk: #6FA0E0;
  --p-red-day-tertiary: #C11B37;
  --p-red-dusk: #FF7A8A;
  --p-red-day: #B0213A;
  --p-red-graphite: #F2907E;
  --p-red-steel: #A3242B;
  --p-green-dusk: #6FD6A8;
  --p-green-day: #12765A;
  --p-green-graphite: #9FD8B5;
  --p-green-steel: #1D6B4B;
  --p-white: #FFFFFF;
  --p-suitepal-home: #2F88E0;
  --p-suitepal-home-dusk: #6FA8FF;
  --p-suitepal-catalog: #7F61D4;
  --p-suitepal-catalog-dusk: #B49CFF;
  --p-suitepal-sell: #1F6553;
  --p-suitepal-sell-dusk: #4FD1A0;
  --p-suitepal-operate: #D25AA2;
  --p-suitepal-operate-dusk: #FF7FC0;
  --p-suitepal-insight: #33959F;
  --p-suitepal-insight-dusk: #4FD0E0;
  --p-suitepal-setup: #38444F;
  --p-suitepal-setup-dusk: #A7B0C2;
  --p-space-0: 0px;
  --p-space-0_5: 2px;
  --p-space-1: 4px;
  --p-space-1_5: 6px;
  --p-space-2: 8px;
  --p-space-3: 12px;
  --p-space-4: 16px;
  --p-space-5: 20px;
  --p-space-6: 24px;
  --p-space-8: 32px;
  --p-space-10: 40px;
  --p-space-12: 48px;
  --p-space-16: 64px;
  --p-space-20: 80px;
  --p-space-24: 96px;
  --p-space-32: 128px;
  --p-radius-none: 0px;
  --p-radius-3: 3px;
  --p-radius-4: 4px;
  --p-radius-5: 5px;
  --p-radius-6: 6px;
  --p-radius-7: 7px;
  --p-radius-8: 8px;
  --p-radius-full: 9999px;
  --p-border-width-hairline: 1px;
  --p-border-width-thick: 2px;
  --p-border-width-focus: 2px;
  --p-size-6: 24px;
  --p-size-7: 28px;
  --p-size-8: 32px;
  --p-size-9: 36px;
  --p-size-10: 40px;
  --p-size-11: 44px;
  --p-size-12: 48px;
  --p-breakpoint-sm: 640px;
  --p-breakpoint-md: 768px;
  --p-breakpoint-lg: 1024px;
  --p-breakpoint-xl: 1280px;
  --p-breakpoint-2xl: 1536px;
  --p-z-base: 0;
  --p-z-dropdown: 1000;
  --p-z-sticky: 1100;
  --p-z-overlay: 1300;
  --p-z-modal: 1400;
  --p-z-toast: 1500;
  --p-duration-instant: 0ms;
  --p-duration-human: 200ms;
  --p-duration-type-tick: 32ms;
  --p-duration-counter-tick: 80ms;
  --p-duration-spinner-frame: 120ms;
  --p-duration-digit-roll: 150ms;
  --p-duration-data-drop: 160ms;
  --p-duration-segment-now: 500ms;
  --p-duration-cursor-blink: 1000ms;
  --p-duration-status-line: 1900ms;
  --p-duration-status-line-min: 1600ms;
  --p-duration-reduced-swap: 3000ms;
  --p-duration-done-hold: 4200ms;
  --p-easing-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --p-steps-digit-roll: 3;
  --p-steps-data-drop: 4;
  --p-steps-blink: 1;
  --p-steps-progress-segments: 40;
  --p-steps-type-chars-per-tick: 2;
  --p-font-family-inter-tight: "Inter Tight", Inter, system-ui, sans-serif;
  --p-font-family-jetbrains-mono: "JetBrains Mono", ui-monospace, monospace;
  --p-font-family-martian-mono: "Martian Mono", "JetBrains Mono", ui-monospace, monospace;
  --p-font-family-geist: Geist, system-ui, sans-serif;
  --p-font-family-mona-sans: "Mona Sans", "Inter Tight", system-ui, sans-serif;
  --p-font-size-9_5: 0.59375rem;
  --p-font-size-10: 0.625rem;
  --p-font-size-10_5: 0.65625rem;
  --p-font-size-11: 0.6875rem;
  --p-font-size-11_5: 0.71875rem;
  --p-font-size-12: 0.75rem;
  --p-font-size-12_5: 0.78125rem;
  --p-font-size-13: 0.8125rem;
  --p-font-size-13_5: 0.84375rem;
  --p-font-size-14: 0.875rem;
  --p-font-size-15: 0.9375rem;
  --p-font-size-16: 1rem;
  --p-font-size-17: 1.0625rem;
  --p-font-size-19: 1.1875rem;
  --p-font-size-26: 1.625rem;
  --p-font-size-28: 1.75rem;
  --p-font-size-40: 2.5rem;
  --p-font-size-62: 3.875rem;
  --p-font-size-70: 4.375rem;
  --p-font-weight-light: 300;
  --p-font-weight-regular: 400;
  --p-font-weight-medium: 500;
  --p-font-weight-semibold: 600;
  --p-font-weight-strong: 650;
  --p-font-weight-display: 680;
  --p-font-weight-bold: 700;
  --p-font-weight-black: 800;
  --p-font-stretch-machine: 0.875;
  --p-font-stretch-mona-wide: 1.2;
}

/* ---- semantic, mode independent ---- */
:root {
  --space-inline-xs: var(--p-space-1);
  --space-inline-sm: var(--p-space-2);
  --space-inline-md: var(--p-space-3);
  --space-stack-xs: var(--p-space-1);
  --space-stack-sm: var(--p-space-2);
  --space-stack-md: var(--p-space-4);
  --space-stack-lg: var(--p-space-6);
  --space-inset-sm: var(--p-space-3);
  --space-inset-md: var(--p-space-4);
  --space-inset-lg: var(--p-space-6);
  --space-section: var(--p-space-12);
  --type-human-display-xl-family: var(--p-font-family-inter-tight);
  --type-human-display-xl-size: var(--p-font-size-70);
  --type-human-display-xl-weight: var(--p-font-weight-display);
  --type-human-display-xl-line-height: 0.98;
  --type-human-display-xl-tracking: -3.15px;
  --type-human-display-xl: var(--type-human-display-xl-weight) var(--type-human-display-xl-size)/var(--type-human-display-xl-line-height) var(--type-human-display-xl-family);
  --type-human-display-lg-family: var(--p-font-family-inter-tight);
  --type-human-display-lg-size: var(--p-font-size-40);
  --type-human-display-lg-weight: var(--p-font-weight-display);
  --type-human-display-lg-line-height: 1;
  --type-human-display-lg-tracking: -1.6px;
  --type-human-display-lg: var(--type-human-display-lg-weight) var(--type-human-display-lg-size)/var(--type-human-display-lg-line-height) var(--type-human-display-lg-family);
  --type-human-heading-lg-family: var(--p-font-family-inter-tight);
  --type-human-heading-lg-size: var(--p-font-size-28);
  --type-human-heading-lg-weight: var(--p-font-weight-display);
  --type-human-heading-lg-line-height: 1.04;
  --type-human-heading-lg-tracking: -0.84px;
  --type-human-heading-lg: var(--type-human-heading-lg-weight) var(--type-human-heading-lg-size)/var(--type-human-heading-lg-line-height) var(--type-human-heading-lg-family);
  --type-human-heading-md-family: var(--p-font-family-inter-tight);
  --type-human-heading-md-size: var(--p-font-size-16);
  --type-human-heading-md-weight: var(--p-font-weight-strong);
  --type-human-heading-md-line-height: 1.3;
  --type-human-heading-md-tracking: -0.24px;
  --type-human-heading-md: var(--type-human-heading-md-weight) var(--type-human-heading-md-size)/var(--type-human-heading-md-line-height) var(--type-human-heading-md-family);
  --type-human-heading-sm-family: var(--p-font-family-inter-tight);
  --type-human-heading-sm-size: var(--p-font-size-15);
  --type-human-heading-sm-weight: var(--p-font-weight-semibold);
  --type-human-heading-sm-line-height: 1.3;
  --type-human-heading-sm-tracking: -0.15px;
  --type-human-heading-sm: var(--type-human-heading-sm-weight) var(--type-human-heading-sm-size)/var(--type-human-heading-sm-line-height) var(--type-human-heading-sm-family);
  --type-human-body-lg-family: var(--p-font-family-inter-tight);
  --type-human-body-lg-size: var(--p-font-size-17);
  --type-human-body-lg-weight: var(--p-font-weight-regular);
  --type-human-body-lg-line-height: 1.5;
  --type-human-body-lg-tracking: 0px;
  --type-human-body-lg: var(--type-human-body-lg-weight) var(--type-human-body-lg-size)/var(--type-human-body-lg-line-height) var(--type-human-body-lg-family);
  --type-human-body-md-family: var(--p-font-family-inter-tight);
  --type-human-body-md-size: var(--p-font-size-13_5);
  --type-human-body-md-weight: var(--p-font-weight-regular);
  --type-human-body-md-line-height: 1.5;
  --type-human-body-md-tracking: 0px;
  --type-human-body-md: var(--type-human-body-md-weight) var(--type-human-body-md-size)/var(--type-human-body-md-line-height) var(--type-human-body-md-family);
  --type-human-body-sm-family: var(--p-font-family-inter-tight);
  --type-human-body-sm-size: var(--p-font-size-13);
  --type-human-body-sm-weight: var(--p-font-weight-regular);
  --type-human-body-sm-line-height: 1.45;
  --type-human-body-sm-tracking: 0px;
  --type-human-body-sm: var(--type-human-body-sm-weight) var(--type-human-body-sm-size)/var(--type-human-body-sm-line-height) var(--type-human-body-sm-family);
  --type-human-label-family: var(--p-font-family-inter-tight);
  --type-human-label-size: var(--p-font-size-12_5);
  --type-human-label-weight: var(--p-font-weight-medium);
  --type-human-label-line-height: 1.3;
  --type-human-label-tracking: 0px;
  --type-human-label: var(--type-human-label-weight) var(--type-human-label-size)/var(--type-human-label-line-height) var(--type-human-label-family);
  --type-human-caption-family: var(--p-font-family-inter-tight);
  --type-human-caption-size: var(--p-font-size-12);
  --type-human-caption-weight: var(--p-font-weight-regular);
  --type-human-caption-line-height: 1.4;
  --type-human-caption-tracking: 0px;
  --type-human-caption: var(--type-human-caption-weight) var(--type-human-caption-size)/var(--type-human-caption-line-height) var(--type-human-caption-family);
  --type-human-mono-label-family: var(--p-font-family-jetbrains-mono);
  --type-human-mono-label-size: var(--p-font-size-11);
  --type-human-mono-label-weight: var(--p-font-weight-medium);
  --type-human-mono-label-line-height: 1.3;
  --type-human-mono-label-tracking: 0.88px;
  --type-human-mono-label: var(--type-human-mono-label-weight) var(--type-human-mono-label-size)/var(--type-human-mono-label-line-height) var(--type-human-mono-label-family);
  --type-human-mono-micro-family: var(--p-font-family-jetbrains-mono);
  --type-human-mono-micro-size: var(--p-font-size-9_5);
  --type-human-mono-micro-weight: var(--p-font-weight-regular);
  --type-human-mono-micro-line-height: 1.3;
  --type-human-mono-micro-tracking: 0.95px;
  --type-human-mono-micro: var(--type-human-mono-micro-weight) var(--type-human-mono-micro-size)/var(--type-human-mono-micro-line-height) var(--type-human-mono-micro-family);
  --type-machine-title-family: var(--p-font-family-martian-mono);
  --type-machine-title-size: var(--p-font-size-19);
  --type-machine-title-weight: var(--p-font-weight-medium);
  --type-machine-title-line-height: 1.2;
  --type-machine-title-tracking: -0.19px;
  --type-machine-title: var(--type-machine-title-weight) var(--type-machine-title-size)/var(--type-machine-title-line-height) var(--type-machine-title-family);
  --type-machine-number-lg-family: var(--p-font-family-martian-mono);
  --type-machine-number-lg-size: var(--p-font-size-28);
  --type-machine-number-lg-weight: var(--p-font-weight-medium);
  --type-machine-number-lg-line-height: 1;
  --type-machine-number-lg-tracking: -1.12px;
  --type-machine-number-lg: var(--type-machine-number-lg-weight) var(--type-machine-number-lg-size)/var(--type-machine-number-lg-line-height) var(--type-machine-number-lg-family);
  --type-machine-number-md-family: var(--p-font-family-martian-mono);
  --type-machine-number-md-size: var(--p-font-size-17);
  --type-machine-number-md-weight: var(--p-font-weight-medium);
  --type-machine-number-md-line-height: 1.1;
  --type-machine-number-md-tracking: -0.34px;
  --type-machine-number-md: var(--type-machine-number-md-weight) var(--type-machine-number-md-size)/var(--type-machine-number-md-line-height) var(--type-machine-number-md-family);
  --type-machine-status-family: var(--p-font-family-jetbrains-mono);
  --type-machine-status-size: var(--p-font-size-13_5);
  --type-machine-status-weight: var(--p-font-weight-regular);
  --type-machine-status-line-height: 1.41;
  --type-machine-status-tracking: 0px;
  --type-machine-status: var(--type-machine-status-weight) var(--type-machine-status-size)/var(--type-machine-status-line-height) var(--type-machine-status-family);
  --type-machine-body-family: var(--p-font-family-jetbrains-mono);
  --type-machine-body-size: var(--p-font-size-11_5);
  --type-machine-body-weight: var(--p-font-weight-regular);
  --type-machine-body-line-height: 1.6;
  --type-machine-body-tracking: 0px;
  --type-machine-body: var(--type-machine-body-weight) var(--type-machine-body-size)/var(--type-machine-body-line-height) var(--type-machine-body-family);
  --type-machine-log-family: var(--p-font-family-jetbrains-mono);
  --type-machine-log-size: var(--p-font-size-10_5);
  --type-machine-log-weight: var(--p-font-weight-regular);
  --type-machine-log-line-height: 1.6;
  --type-machine-log-tracking: 0.32px;
  --type-machine-log: var(--type-machine-log-weight) var(--type-machine-log-size)/var(--type-machine-log-line-height) var(--type-machine-log-family);
  --type-machine-label-family: var(--p-font-family-jetbrains-mono);
  --type-machine-label-size: var(--p-font-size-9_5);
  --type-machine-label-weight: var(--p-font-weight-regular);
  --type-machine-label-line-height: 1.3;
  --type-machine-label-tracking: 0.76px;
  --type-machine-label: var(--type-machine-label-weight) var(--type-machine-label-size)/var(--type-machine-label-line-height) var(--type-machine-label-family);
  --type-headline-mona-wide-family: var(--p-font-family-mona-sans);
  --type-headline-mona-wide-size: var(--p-font-size-62);
  --type-headline-mona-wide-weight: var(--p-font-weight-black);
  --type-headline-mona-wide-line-height: 1;
  --type-headline-mona-wide-tracking: 0.62px;
  --type-headline-mona-wide: var(--type-headline-mona-wide-weight) var(--type-headline-mona-wide-size)/var(--type-headline-mona-wide-line-height) var(--type-headline-mona-wide-family);
  --type-headline-display-family: var(--type-headline-mona-wide-family);
  --type-headline-display-size: var(--type-headline-mona-wide-size);
  --type-headline-display-weight: var(--type-headline-mona-wide-weight);
  --type-headline-display-line-height: var(--type-headline-mona-wide-line-height);
  --type-headline-display-tracking: var(--type-headline-mona-wide-tracking);
  --type-headline-display: var(--type-headline-mona-wide);
  --target-min: var(--p-size-11);
  --target-floor: var(--p-size-6);
  --motion-human-duration: var(--p-duration-human);
  --motion-human-easing: var(--p-easing-ease-out);
  --motion-human: var(--p-duration-human) var(--p-easing-ease-out) 0ms;
}

/* ---- mode: human-dusk (semantic + component) ---- */
:root,
[data-mode="human-dusk"] {
  color-scheme: dark;
  --color-bg-canvas: var(--p-dusk-ground);
  --color-bg-surface: var(--p-dusk-surface);
  --color-bg-raised: var(--p-dusk-raised);
  --color-bg-selected: var(--p-dusk-raised);
  --color-bg-action: var(--p-blue-workspace-dusk);
  --color-bg-action-hover: rgb(255 165 31 / 0.88);
  --color-bg-scrim: rgb(12 13 20 / 0.72);
  --color-text-default: var(--p-dusk-fg);
  --color-text-muted: var(--p-dusk-fg-2);
  --color-text-subtle: var(--p-dusk-fg-3);
  --color-text-on-action: var(--p-dusk-ground);
  --color-text-action: var(--p-blue-workspace-dusk);
  --color-text-signal: var(--p-blue-workspace-dusk);
  --color-text-success: var(--p-green-dusk);
  --color-text-danger: var(--p-red-dusk);
  --color-text-info: var(--p-blue-ice);
  --color-border-default: var(--p-dusk-line);
  --color-border-input: var(--p-dusk-fg-3);
  --color-border-focus: var(--p-blue-workspace-dusk);
  --color-border-signal: var(--p-blue-workspace-dusk);
  --color-accent-1: var(--p-blue-workspace-dusk);
  --color-accent-2: var(--p-violet-light);
  --color-accent-3: var(--p-blue-ice);
  --color-data-1: var(--p-blue-workspace-dusk);
  --color-data-2: var(--p-violet-light);
  --color-data-3: var(--p-blue-ice);
  --color-progress-fill: var(--p-blue-workspace-dusk);
  --color-progress-track: var(--p-dusk-line);
  --color-progress-idle: var(--p-dusk-fg-3);
  --color-progress-now: var(--p-dusk-fg);
  --color-cursor: var(--p-blue-workspace-dusk);
  --color-logo-digits: var(--p-dusk-fg);
  --color-logo-slash: var(--p-amber-human);
  --color-logo-ai: var(--p-dusk-logo-ai);
  --color-suite-home: var(--p-suitepal-home-dusk);
  --color-suite-catalog: var(--p-suitepal-catalog-dusk);
  --color-suite-sell: var(--p-suitepal-sell-dusk);
  --color-suite-operate: var(--p-suitepal-operate-dusk);
  --color-suite-insight: var(--p-suitepal-insight-dusk);
  --color-suite-setup: var(--p-suitepal-setup-dusk);
  --radius-control: var(--p-radius-5);
  --radius-card: var(--p-radius-8);
  --radius-shell: var(--p-radius-6);
  --radius-tag: var(--p-radius-4);
  --radius-overlay: var(--p-radius-8);
  --radius-pill: var(--p-radius-full);
  --voice-font-ui: var(--p-font-family-inter-tight);
  --voice-font-display: var(--p-font-family-inter-tight);
  --voice-font-data: var(--p-font-family-jetbrains-mono);
  --elevation-0: var(--p-dusk-ground);
  --elevation-1: var(--p-dusk-surface);
  --elevation-2: var(--p-dusk-raised);
  --elevation-line: var(--p-dusk-line);
  --button-primary-bg: var(--color-bg-action);
  --button-primary-bg-hover: var(--color-bg-action-hover);
  --button-primary-fg: var(--color-text-on-action);
  --button-secondary-bg: var(--color-bg-surface);
  --button-secondary-border: var(--color-border-default);
  --button-secondary-fg: var(--color-text-default);
  --button-radius: var(--radius-control);
  --button-height: var(--p-size-9);
  --button-pad-x: var(--p-space-3);
  --button-font: var(--voice-font-ui);
  --input-bg: var(--color-bg-surface);
  --input-border: var(--color-border-input);
  --input-border-focus: var(--color-border-focus);
  --input-fg: var(--color-text-default);
  --input-placeholder: var(--color-text-subtle);
  --input-radius: var(--radius-control);
  --input-height: var(--p-size-9);
  --checkbox-bg-checked: var(--color-bg-action);
  --checkbox-mark: var(--color-text-on-action);
  --checkbox-border: var(--color-border-input);
  --checkbox-radius: var(--radius-tag);
  --toggle-track-off: var(--color-border-input);
  --toggle-track-on: var(--color-bg-action);
  --toggle-thumb: var(--color-text-on-action);
  --toggle-radius: var(--radius-pill);
  --card-bg: var(--color-bg-surface);
  --card-border: var(--color-border-default);
  --card-radius: var(--radius-card);
  --card-pad: var(--p-space-4);
  --table-row-height: 30px;
  --table-border: var(--color-border-default);
  --table-head-fg: var(--color-text-subtle);
  --table-num-font: var(--p-font-family-jetbrains-mono);
  --tabs-fg: var(--color-text-muted);
  --tabs-fg-active: var(--color-text-default);
  --tabs-indicator: var(--color-border-focus);
  --tabs-indicator-width: var(--p-border-width-thick);
  --nav-width: 200px;
  --nav-bg: var(--color-bg-surface);
  --nav-item-bg-active: var(--color-bg-selected);
  --nav-item-indicator: var(--color-border-focus);
  --nav-item-radius: var(--radius-control);
  --nav-item-fg: var(--color-text-muted);
  --nav-item-fg-active: var(--color-text-default);
  --badge-radius: var(--radius-tag);
  --badge-font: var(--p-font-family-jetbrains-mono);
  --badge-border-width: var(--p-border-width-hairline);
  --toast-bg: var(--color-bg-raised);
  --toast-border: var(--color-border-default);
  --toast-radius: var(--radius-shell);
  --modal-bg: var(--color-bg-surface);
  --modal-border: var(--color-border-default);
  --modal-scrim: var(--color-bg-scrim);
  --modal-radius: var(--radius-overlay);
  --machine-panel-bg: var(--color-bg-canvas);
  --machine-panel-head-bg: var(--color-bg-surface);
  --machine-panel-border: var(--color-border-default);
  --machine-panel-radius: var(--radius-card);
  --machine-panel-segment-on: var(--color-progress-fill);
  --machine-panel-segment-off: var(--color-progress-track);
  --machine-panel-segment-now: var(--color-progress-now);
  --machine-panel-segment-count: var(--p-steps-progress-segments);
  --machine-panel-segment-height: 9px;
  --machine-panel-cursor: var(--color-cursor);
  --machine-panel-cursor-width: 7px;
  --machine-panel-cursor-height: 13px;
  --machine-panel-needs-you: var(--color-text-danger);
}

/* ---- mode: human-day (semantic + component) ---- */
[data-mode="human-day"] {
  color-scheme: light;
  --color-bg-canvas: var(--p-day-raised);
  --color-bg-surface: var(--p-day-ground);
  --color-bg-raised: var(--p-day-raised);
  --color-bg-selected: var(--p-day-raised);
  --color-bg-action: var(--p-blue-workspace);
  --color-bg-action-hover: rgb(86 54 217 / 0.88);
  --color-bg-scrim: rgb(243 243 248 / 0.72);
  --color-text-default: var(--p-day-fg);
  --color-text-muted: var(--p-day-fg-2);
  --color-text-subtle: var(--p-day-fg-3);
  --color-text-on-action: var(--p-white);
  --color-text-action: var(--p-blue-workspace);
  --color-text-signal: var(--p-blue-workspace);
  --color-text-success: var(--p-green-day);
  --color-text-danger: var(--p-red-day);
  --color-text-info: var(--p-blue-cobalt);
  --color-border-default: var(--p-day-line);
  --color-border-input: var(--p-day-fg-3);
  --color-border-focus: var(--p-blue-workspace);
  --color-border-signal: var(--p-blue-workspace);
  --color-accent-1: var(--p-blue-workspace);
  --color-accent-2: var(--p-blue-cobalt);
  --color-accent-3: var(--p-red-day-tertiary);
  --color-data-1: var(--p-blue-workspace);
  --color-data-2: var(--p-blue-cobalt);
  --color-data-3: var(--p-red-day-tertiary);
  --color-progress-fill: var(--p-blue-workspace);
  --color-progress-track: var(--p-day-line);
  --color-progress-idle: var(--p-day-fg-3);
  --color-progress-now: var(--p-day-fg);
  --color-cursor: var(--p-blue-workspace);
  --color-logo-digits: var(--p-day-fg);
  --color-logo-slash: var(--p-amber-human);
  --color-logo-ai: var(--p-day-logo-ai);
  --color-suite-home: var(--p-suitepal-home);
  --color-suite-catalog: var(--p-suitepal-catalog);
  --color-suite-sell: var(--p-suitepal-sell);
  --color-suite-operate: var(--p-suitepal-operate);
  --color-suite-insight: var(--p-suitepal-insight);
  --color-suite-setup: var(--p-suitepal-setup);
  --radius-control: var(--p-radius-5);
  --radius-card: var(--p-radius-8);
  --radius-shell: var(--p-radius-6);
  --radius-tag: var(--p-radius-4);
  --radius-overlay: var(--p-radius-8);
  --radius-pill: var(--p-radius-full);
  --voice-font-ui: var(--p-font-family-inter-tight);
  --voice-font-display: var(--p-font-family-inter-tight);
  --voice-font-data: var(--p-font-family-jetbrains-mono);
  --elevation-0: var(--p-day-raised);
  --elevation-1: var(--p-day-ground);
  --elevation-2: var(--p-day-raised);
  --elevation-line: var(--p-day-line);
  --button-primary-bg: var(--color-bg-action);
  --button-primary-bg-hover: var(--color-bg-action-hover);
  --button-primary-fg: var(--color-text-on-action);
  --button-secondary-bg: var(--color-bg-surface);
  --button-secondary-border: var(--color-border-default);
  --button-secondary-fg: var(--color-text-default);
  --button-radius: var(--radius-control);
  --button-height: var(--p-size-9);
  --button-pad-x: var(--p-space-3);
  --button-font: var(--voice-font-ui);
  --input-bg: var(--color-bg-surface);
  --input-border: var(--color-border-input);
  --input-border-focus: var(--color-border-focus);
  --input-fg: var(--color-text-default);
  --input-placeholder: var(--color-text-subtle);
  --input-radius: var(--radius-control);
  --input-height: var(--p-size-9);
  --checkbox-bg-checked: var(--color-bg-action);
  --checkbox-mark: var(--color-text-on-action);
  --checkbox-border: var(--color-border-input);
  --checkbox-radius: var(--radius-tag);
  --toggle-track-off: var(--color-border-input);
  --toggle-track-on: var(--color-bg-action);
  --toggle-thumb: var(--color-text-on-action);
  --toggle-radius: var(--radius-pill);
  --card-bg: var(--color-bg-surface);
  --card-border: var(--color-border-default);
  --card-radius: var(--radius-card);
  --card-pad: var(--p-space-4);
  --table-row-height: 30px;
  --table-border: var(--color-border-default);
  --table-head-fg: var(--color-text-subtle);
  --table-num-font: var(--p-font-family-jetbrains-mono);
  --tabs-fg: var(--color-text-muted);
  --tabs-fg-active: var(--color-text-default);
  --tabs-indicator: var(--color-border-focus);
  --tabs-indicator-width: var(--p-border-width-thick);
  --nav-width: 200px;
  --nav-bg: var(--color-bg-surface);
  --nav-item-bg-active: var(--color-bg-selected);
  --nav-item-indicator: var(--color-border-focus);
  --nav-item-radius: var(--radius-control);
  --nav-item-fg: var(--color-text-muted);
  --nav-item-fg-active: var(--color-text-default);
  --badge-radius: var(--radius-tag);
  --badge-font: var(--p-font-family-jetbrains-mono);
  --badge-border-width: var(--p-border-width-hairline);
  --toast-bg: var(--color-bg-raised);
  --toast-border: var(--color-border-default);
  --toast-radius: var(--radius-shell);
  --modal-bg: var(--color-bg-surface);
  --modal-border: var(--color-border-default);
  --modal-scrim: var(--color-bg-scrim);
  --modal-radius: var(--radius-overlay);
  --machine-panel-bg: var(--color-bg-canvas);
  --machine-panel-head-bg: var(--color-bg-surface);
  --machine-panel-border: var(--color-border-default);
  --machine-panel-radius: var(--radius-card);
  --machine-panel-segment-on: var(--color-progress-fill);
  --machine-panel-segment-off: var(--color-progress-track);
  --machine-panel-segment-now: var(--color-progress-now);
  --machine-panel-segment-count: var(--p-steps-progress-segments);
  --machine-panel-segment-height: 9px;
  --machine-panel-cursor: var(--color-cursor);
  --machine-panel-cursor-width: 7px;
  --machine-panel-cursor-height: 13px;
  --machine-panel-needs-you: var(--color-text-danger);
}

/* ---- mode: machine-graphite (semantic + component) ---- */
[data-mode="machine-graphite"],
[data-voice="machine"],
[data-mode="human-dusk"] [data-voice="machine"] {
  color-scheme: dark;
  --color-bg-canvas: var(--p-graphite-ground);
  --color-bg-surface: var(--p-graphite-surface);
  --color-bg-raised: var(--p-graphite-raised);
  --color-bg-selected: var(--p-graphite-raised);
  --color-bg-action: var(--p-amber-machine);
  --color-bg-action-hover: rgb(255 159 26 / 0.88);
  --color-bg-scrim: rgb(17 19 21 / 0.72);
  --color-text-default: var(--p-graphite-fg);
  --color-text-muted: var(--p-graphite-fg-2);
  --color-text-subtle: var(--p-graphite-fg-3);
  --color-text-on-action: var(--p-graphite-ground);
  --color-text-action: var(--p-amber-machine);
  --color-text-signal: var(--p-amber-machine);
  --color-text-success: var(--p-green-graphite);
  --color-text-danger: var(--p-red-graphite);
  --color-text-info: var(--p-graphite-fg-2);
  --color-border-default: var(--p-graphite-line);
  --color-border-input: var(--p-graphite-fg-3);
  --color-border-focus: var(--p-amber-machine);
  --color-border-signal: var(--p-amber-machine);
  --color-accent-1: var(--p-amber-machine);
  --color-accent-2: var(--p-graphite-idle);
  --color-accent-3: var(--p-graphite-idle);
  --color-data-1: var(--p-amber-machine);
  --color-data-2: var(--p-graphite-fg-2);
  --color-data-3: var(--p-graphite-idle);
  --color-progress-fill: var(--p-amber-machine);
  --color-progress-track: var(--p-graphite-track);
  --color-progress-idle: var(--p-graphite-idle);
  --color-progress-now: var(--p-graphite-fg);
  --color-cursor: var(--p-amber-machine);
  --color-logo-digits: var(--p-graphite-fg);
  --color-logo-slash: var(--p-amber-machine);
  --color-logo-ai: var(--p-dusk-logo-ai);
  --color-suite-home: var(--p-suitepal-home-dusk);
  --color-suite-catalog: var(--p-suitepal-catalog-dusk);
  --color-suite-sell: var(--p-suitepal-sell-dusk);
  --color-suite-operate: var(--p-suitepal-operate-dusk);
  --color-suite-insight: var(--p-suitepal-insight-dusk);
  --color-suite-setup: var(--p-suitepal-setup-dusk);
  --radius-control: var(--p-radius-3);
  --radius-card: var(--p-radius-3);
  --radius-shell: var(--p-radius-3);
  --radius-tag: var(--p-radius-3);
  --radius-overlay: var(--p-radius-3);
  --radius-pill: var(--p-radius-3);
  --voice-font-ui: var(--p-font-family-jetbrains-mono);
  --voice-font-display: var(--p-font-family-martian-mono);
  --voice-font-data: var(--p-font-family-martian-mono);
  --elevation-0: var(--p-graphite-ground);
  --elevation-1: var(--p-graphite-surface);
  --elevation-2: var(--p-graphite-raised);
  --elevation-line: var(--p-graphite-line);
  --button-primary-bg: var(--color-bg-action);
  --button-primary-bg-hover: var(--color-bg-action-hover);
  --button-primary-fg: var(--color-text-on-action);
  --button-secondary-bg: var(--color-bg-surface);
  --button-secondary-border: var(--color-border-default);
  --button-secondary-fg: var(--color-text-default);
  --button-radius: var(--radius-control);
  --button-height: var(--p-size-9);
  --button-pad-x: var(--p-space-3);
  --button-font: var(--voice-font-ui);
  --input-bg: var(--color-bg-surface);
  --input-border: var(--color-border-input);
  --input-border-focus: var(--color-border-focus);
  --input-fg: var(--color-text-default);
  --input-placeholder: var(--color-text-subtle);
  --input-radius: var(--radius-control);
  --input-height: var(--p-size-9);
  --checkbox-bg-checked: var(--color-bg-action);
  --checkbox-mark: var(--color-text-on-action);
  --checkbox-border: var(--color-border-input);
  --checkbox-radius: var(--radius-tag);
  --toggle-track-off: var(--color-border-input);
  --toggle-track-on: var(--color-bg-action);
  --toggle-thumb: var(--color-text-on-action);
  --toggle-radius: var(--radius-pill);
  --card-bg: var(--color-bg-surface);
  --card-border: var(--color-border-default);
  --card-radius: var(--radius-card);
  --card-pad: var(--p-space-4);
  --table-row-height: 30px;
  --table-border: var(--color-border-default);
  --table-head-fg: var(--color-text-subtle);
  --table-num-font: var(--p-font-family-jetbrains-mono);
  --tabs-fg: var(--color-text-muted);
  --tabs-fg-active: var(--color-text-default);
  --tabs-indicator: var(--color-border-focus);
  --tabs-indicator-width: var(--p-border-width-thick);
  --nav-width: 200px;
  --nav-bg: var(--color-bg-surface);
  --nav-item-bg-active: var(--color-bg-selected);
  --nav-item-indicator: var(--color-border-focus);
  --nav-item-radius: var(--radius-control);
  --nav-item-fg: var(--color-text-muted);
  --nav-item-fg-active: var(--color-text-default);
  --badge-radius: var(--radius-tag);
  --badge-font: var(--p-font-family-jetbrains-mono);
  --badge-border-width: var(--p-border-width-hairline);
  --toast-bg: var(--color-bg-raised);
  --toast-border: var(--color-border-default);
  --toast-radius: var(--radius-shell);
  --modal-bg: var(--color-bg-surface);
  --modal-border: var(--color-border-default);
  --modal-scrim: var(--color-bg-scrim);
  --modal-radius: var(--radius-overlay);
  --machine-panel-bg: var(--color-bg-canvas);
  --machine-panel-head-bg: var(--color-bg-surface);
  --machine-panel-border: var(--color-border-default);
  --machine-panel-radius: var(--radius-card);
  --machine-panel-segment-on: var(--color-progress-fill);
  --machine-panel-segment-off: var(--color-progress-track);
  --machine-panel-segment-now: var(--color-progress-now);
  --machine-panel-segment-count: var(--p-steps-progress-segments);
  --machine-panel-segment-height: 9px;
  --machine-panel-cursor: var(--color-cursor);
  --machine-panel-cursor-width: 7px;
  --machine-panel-cursor-height: 13px;
  --machine-panel-needs-you: var(--color-text-danger);
}

/* ---- mode: machine-steel (semantic + component) ---- */
[data-mode="machine-steel"],
[data-mode="human-day"] [data-voice="machine"] {
  color-scheme: light;
  --color-bg-canvas: var(--p-steel-ground);
  --color-bg-surface: var(--p-steel-surface);
  --color-bg-raised: var(--p-steel-raised);
  --color-bg-selected: var(--p-steel-raised);
  --color-bg-action: var(--p-amber-deep);
  --color-bg-action-hover: rgb(158 74 8 / 0.88);
  --color-bg-scrim: rgb(231 233 236 / 0.72);
  --color-text-default: var(--p-steel-fg);
  --color-text-muted: var(--p-steel-fg-2);
  --color-text-subtle: var(--p-steel-fg-3);
  --color-text-on-action: var(--p-white);
  --color-text-action: var(--p-amber-deep);
  --color-text-signal: var(--p-amber-deep);
  --color-text-success: var(--p-green-steel);
  --color-text-danger: var(--p-red-steel);
  --color-text-info: var(--p-steel-fg-2);
  --color-border-default: var(--p-steel-line);
  --color-border-input: var(--p-steel-fg-3);
  --color-border-focus: var(--p-amber-deep);
  --color-border-signal: var(--p-amber-fill);
  --color-accent-1: var(--p-amber-deep);
  --color-accent-2: var(--p-steel-idle);
  --color-accent-3: var(--p-steel-idle);
  --color-data-1: var(--p-amber-fill);
  --color-data-2: var(--p-steel-fg-2);
  --color-data-3: var(--p-steel-idle);
  --color-progress-fill: var(--p-amber-fill);
  --color-progress-track: var(--p-steel-track);
  --color-progress-idle: var(--p-steel-idle);
  --color-progress-now: var(--p-steel-fg);
  --color-cursor: var(--p-amber-fill);
  --color-logo-digits: var(--p-steel-fg);
  --color-logo-slash: var(--p-amber-fill);
  --color-logo-ai: var(--p-day-logo-ai);
  --color-suite-home: var(--p-suitepal-home);
  --color-suite-catalog: var(--p-suitepal-catalog);
  --color-suite-sell: var(--p-suitepal-sell);
  --color-suite-operate: var(--p-suitepal-operate);
  --color-suite-insight: var(--p-suitepal-insight);
  --color-suite-setup: var(--p-suitepal-setup);
  --radius-control: var(--p-radius-3);
  --radius-card: var(--p-radius-3);
  --radius-shell: var(--p-radius-3);
  --radius-tag: var(--p-radius-3);
  --radius-overlay: var(--p-radius-3);
  --radius-pill: var(--p-radius-3);
  --voice-font-ui: var(--p-font-family-jetbrains-mono);
  --voice-font-display: var(--p-font-family-martian-mono);
  --voice-font-data: var(--p-font-family-martian-mono);
  --elevation-0: var(--p-steel-ground);
  --elevation-1: var(--p-steel-surface);
  --elevation-2: var(--p-steel-raised);
  --elevation-line: var(--p-steel-line);
  --button-primary-bg: var(--color-bg-action);
  --button-primary-bg-hover: var(--color-bg-action-hover);
  --button-primary-fg: var(--color-text-on-action);
  --button-secondary-bg: var(--color-bg-surface);
  --button-secondary-border: var(--color-border-default);
  --button-secondary-fg: var(--color-text-default);
  --button-radius: var(--radius-control);
  --button-height: var(--p-size-9);
  --button-pad-x: var(--p-space-3);
  --button-font: var(--voice-font-ui);
  --input-bg: var(--color-bg-surface);
  --input-border: var(--color-border-input);
  --input-border-focus: var(--color-border-focus);
  --input-fg: var(--color-text-default);
  --input-placeholder: var(--color-text-subtle);
  --input-radius: var(--radius-control);
  --input-height: var(--p-size-9);
  --checkbox-bg-checked: var(--color-bg-action);
  --checkbox-mark: var(--color-text-on-action);
  --checkbox-border: var(--color-border-input);
  --checkbox-radius: var(--radius-tag);
  --toggle-track-off: var(--color-border-input);
  --toggle-track-on: var(--color-bg-action);
  --toggle-thumb: var(--color-text-on-action);
  --toggle-radius: var(--radius-pill);
  --card-bg: var(--color-bg-surface);
  --card-border: var(--color-border-default);
  --card-radius: var(--radius-card);
  --card-pad: var(--p-space-4);
  --table-row-height: 30px;
  --table-border: var(--color-border-default);
  --table-head-fg: var(--color-text-subtle);
  --table-num-font: var(--p-font-family-jetbrains-mono);
  --tabs-fg: var(--color-text-muted);
  --tabs-fg-active: var(--color-text-default);
  --tabs-indicator: var(--color-border-focus);
  --tabs-indicator-width: var(--p-border-width-thick);
  --nav-width: 200px;
  --nav-bg: var(--color-bg-surface);
  --nav-item-bg-active: var(--color-bg-selected);
  --nav-item-indicator: var(--color-border-focus);
  --nav-item-radius: var(--radius-control);
  --nav-item-fg: var(--color-text-muted);
  --nav-item-fg-active: var(--color-text-default);
  --badge-radius: var(--radius-tag);
  --badge-font: var(--p-font-family-jetbrains-mono);
  --badge-border-width: var(--p-border-width-hairline);
  --toast-bg: var(--color-bg-raised);
  --toast-border: var(--color-border-default);
  --toast-radius: var(--radius-shell);
  --modal-bg: var(--color-bg-surface);
  --modal-border: var(--color-border-default);
  --modal-scrim: var(--color-bg-scrim);
  --modal-radius: var(--radius-overlay);
  --machine-panel-bg: var(--color-bg-canvas);
  --machine-panel-head-bg: var(--color-bg-surface);
  --machine-panel-border: var(--color-border-default);
  --machine-panel-radius: var(--radius-card);
  --machine-panel-segment-on: var(--color-progress-fill);
  --machine-panel-segment-off: var(--color-progress-track);
  --machine-panel-segment-now: var(--color-progress-now);
  --machine-panel-segment-count: var(--p-steps-progress-segments);
  --machine-panel-segment-height: 9px;
  --machine-panel-cursor: var(--color-cursor);
  --machine-panel-cursor-width: 7px;
  --machine-panel-cursor-height: 13px;
  --machine-panel-needs-you: var(--color-text-danger);
}

/* ---- machine motion (stepped, never eased) · composed from primitives ---- */
:root {
  --motion-machine-digit-roll: var(--p-duration-digit-roll) steps(var(--p-steps-digit-roll), end);
  --motion-machine-data-drop: var(--p-duration-data-drop) steps(var(--p-steps-data-drop), end);
  --motion-machine-cursor: var(--p-duration-cursor-blink) steps(1, end) infinite;
  --motion-machine-segment-now: var(--p-duration-segment-now) steps(1, end) infinite;
}
@keyframes v2-blink { 50% { opacity: 0; } }
/* ---- reduced motion: keep the state, drop the movement ---- */
@media (prefers-reduced-motion: reduce) {
  :root {
    --p-duration-human: 0ms; --p-duration-digit-roll: 0ms; --p-duration-data-drop: 0ms;
    --motion-machine-cursor: none; --motion-machine-segment-now: none;
  }
}

/* ---- content tokens · machine entity name is a PLACEHOLDER (Q69 open) ---- */
:root {
  --machine-entity-name: "Neo";
  --machine-entity-label-working: "Neo is working";
  --machine-entity-label-done: "Neo finished";
  --machine-entity-label-needs-you: "Neo needs you";
}
/* 01ai chat brand TOKENS: the one file to swap when the brand kit changes. Now the 01 Brand System v2 (Grok Workspace colours, Nicolas 2026-10-26: C1 to C4).
   No hex in this file: every value is a kit primitive (--p-*) from ui/kit-tokens.css, which the Dockerfile puts in front of this file (a generated copy of
   apps/01-workspace/public/v2/tokens.css; run ui/sync-kit-tokens.mjs after the kit changes). The rules in boumbo-brand.css never change with the kit.
   Contract the rules rely on: --b-font-head, --b-font-body, --b-font-mono, --b-radius; semantic --b-bg --b-panel --b-text --b-text-2 --b-line --b-accent --b-on-accent --b-focus
   in html (Day, the default) and html.dark (Dusk, when the person's system or the app setting is dark). */
:root{
  --b-font-head:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
  --b-font-body:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;
  --b-font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --b-radius:var(--p-radius-5);
  /* type scale (px): 72 56 40 28 20 16, head weight 600, leading 1.15 for headings, 1.55 for text */
  --b-s1:72px; --b-s2:56px; --b-s3:40px; --b-s4:28px; --b-s5:20px; --b-s6:16px;
  --b-head-weight:600; --b-head-track:0; --b-head-lead:1.15; --b-body-lead:1.55;
  --b-ease:cubic-bezier(.23,1,.32,1);
}
/* semantic, Day */
html{
  --b-bg:var(--p-day-raised); --b-panel:var(--p-day-ground); --b-text:var(--p-day-fg); --b-text-2:var(--p-day-fg-2);
  --b-line:var(--p-day-line); --b-accent:var(--p-blue-workspace); --b-on-accent:var(--p-white); --b-focus:var(--p-blue-workspace);
}
/* semantic, Dusk */
html.dark{
  --b-bg:var(--p-dusk-ground); --b-panel:var(--p-dusk-surface); --b-text:var(--p-dusk-fg); --b-text-2:var(--p-dusk-fg-2);
  --b-line:var(--p-dusk-line); --b-accent:var(--p-blue-workspace-dusk); --b-on-accent:var(--p-dusk-ground); --b-focus:var(--p-blue-workspace-dusk);
}
/* 01ai chat branding on the 01 Brand System v2 (Grok Workspace colours; Nicolas 2026-10-26, C1 to C4: Day default, blue actions, Inter Tight).
   Rules only. The values live in brand-tokens.css over the kit primitives (the Dockerfile concatenates kit-tokens.css, brand-tokens.css, then this file). Semantic names -> LibreChat's own variables, so the shipped UI and our boumbo-* panels follow the kit.
   Fonts are self-hosted from ui/fonts (Inter Tight and JetBrains Mono, the kit's own files, SIL OFL 1.1). Loaded last, so it wins over the shipped theme. */
@font-face{font-family:"Inter Tight";font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/InterTight-v2.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:100 800;font-style:normal;font-display:swap;src:url(/fonts/JetBrainsMono-v2.woff2) format("woff2")}

/* motion (kit): UI under 300 ms, one ease-out curve; reduced motion respected */
button,a,input,textarea{transition-timing-function:var(--b-ease)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* map onto the variables the shipped chat (and our boumbo panels) read */
html,html.dark{
  --presentation:var(--b-bg); --background:var(--b-bg);
  --surface-primary:var(--b-bg); --surface-primary-alt:var(--b-panel); --surface-primary-contrast:var(--b-panel);
  --surface-secondary:var(--b-panel); --surface-secondary-alt:var(--b-panel); --surface-tertiary:var(--b-panel); --surface-tertiary-alt:var(--b-panel);
  --surface-dialog:var(--b-panel); --surface-hover:var(--b-panel); --surface-hover-alt:var(--b-panel);
  --surface-active:var(--b-panel); --surface-active-alt:var(--b-panel);
  --surface-submit:var(--b-accent); --surface-submit-hover:var(--b-accent);
  --text-primary:var(--b-text); --text-secondary:var(--b-text-2); --text-secondary-alt:var(--b-text-2); --text-tertiary:var(--b-text-2);
  --border-light:var(--b-line); --border-medium:var(--b-line); --border-medium-alt:var(--b-line); --border-heavy:var(--b-text-2); --border-xheavy:var(--b-text-2);
  --ring-primary:var(--b-focus);
}
/* Dusk panels sit close to the ground tone: separate them by a border, not fill alone. */
html.dark nav,html.dark [role="dialog"],html.dark .hud-drawer{border-color:var(--b-line)}
/* type (kit v2): everything Inter Tight, code and labels JetBrains Mono. Message prose can be flipped to mono with html[data-msg-font="mono"]. */
body{font-family:var(--b-font-body)}
h1,h2,h3,.font-serif-brand{font-family:var(--b-font-head);font-weight:var(--b-head-weight);letter-spacing:var(--b-head-track);line-height:var(--b-head-lead)}
label,th,[role="tab"]{font-weight:500}
pre,code,kbd,samp{font-family:var(--b-font-mono)}
.markdown,.message-content{font-family:var(--b-font-body);font-size:15px;line-height:var(--b-body-lead)}
html[data-msg-font="mono"] .markdown,html[data-msg-font="mono"] .message-content{font-family:var(--b-font-mono);font-size:14px;line-height:var(--b-body-lead)}
.markdown pre,.markdown code{font-family:var(--b-font-mono);font-size:14px;line-height:1.55}
.markdown h1,.markdown h2,.markdown h3{font-family:var(--b-font-head);font-weight:var(--b-head-weight);letter-spacing:var(--b-head-track);line-height:var(--b-head-lead)}
/* low radius containers (kit v2: 5 px controls) */
button,input,textarea,select,[role="dialog"],.rounded-lg,.rounded-xl,.rounded-2xl{border-radius:var(--b-radius)}
:focus-visible{outline:2px solid var(--b-focus);outline-offset:2px}

/* Login logo: the official light lockup; the official dark lockup when the app is in Dusk (never recoloured). */
html.dark img[src$="assets/logo.svg"]{content:url(/assets/logo-dark.svg)}
/* Login page container: LibreChat paints it with a fixed near-black in Dusk; use the kit Dusk ground. */
html.dark .dark\:bg-gray-900{background-color:var(--b-bg)}