/* Brohode 2.0 | 12.09.2026 | Canonical design tokens. No external dependencies. */
:root {
  --bh-deep-pine: #0F2F2B;
  --bh-mist: #F3F8F7;
  --bh-signal-teal: #18B7A0;
  --bh-olive: #6B7A3A;
  --bh-sand: #EDE4DA;
  --bh-ink: #1F231F;
  --bh-space-1: 4px;
  --bh-space-2: 8px;
  --bh-space-3: 12px;
  --bh-space-4: 16px;
  --bh-space-6: 24px;
  --bh-space-8: 32px;
  --bh-space-12: 48px;
  --bh-space-16: 64px;
  --bh-space-24: 96px;
  --bh-radius-badge: 4px;
  --bh-radius-control: 8px;
  --bh-radius-card: 12px;
  --bh-radius-dialog: 16px;
  --bh-control-height: 44px;
  --bh-duration-fast: 120ms;
  --bh-duration-normal: 180ms;
  --bh-duration-slow: 240ms;
  --bh-ease: cubic-bezier(.2, 0, 0, 1);
  --bh-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bh-font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}
:root, [data-theme="light"] {
  color-scheme: light;
  --bh-bg: #F3F8F7;
  --bh-surface: #FFFFFF;
  --bh-surface-subtle: #E8F0ED;
  --bh-surface-hover: #DFEAE6;
  --bh-text: #1F231F;
  --bh-text-secondary: #425E57;
  --bh-text-muted: #536F67;
  --bh-border: #CEDDD7;
  --bh-border-strong: #738C82;
  --bh-action: #0F2F2B;
  --bh-action-hover: #16483F;
  --bh-action-pressed: #09241F;
  --bh-on-action: #F3F8F7;
  --bh-accent: #0F766E;
  --bh-accent-hover: #095F58;
  --bh-accent-pressed: #074A45;
  --bh-on-accent: #FFFFFF;
  --bh-accent-soft: #DEF3ED;
  --bh-on-accent-soft: #10574D;
  --bh-focus: #0F766E;
  --bh-success: #256341;
  --bh-success-bg: #E5F2E9;
  --bh-warning: #81530C;
  --bh-warning-bg: #FFF3D7;
  --bh-danger: #A6342D;
  --bh-danger-bg: #FCEBE8;
  --bh-info: #245D85;
  --bh-info-bg: #E7F1F9;
  --bh-neutral: #4C625A;
  --bh-neutral-bg: #E9EFEC;
  --bh-disabled: #65786F;
  --bh-disabled-bg: #E5EBE7;
  --bh-logo-structure: #0F2F2B;
  --bh-logo-signal: #18B7A0;
}
[data-theme="dark"] {
  color-scheme: dark;
  --bh-bg: #091A17;
  --bh-surface: #0F2F2B;
  --bh-surface-subtle: #163D35;
  --bh-surface-hover: #204B40;
  --bh-text: #F3F8F7;
  --bh-text-secondary: #C2D3CD;
  --bh-text-muted: #95B2A7;
  --bh-border: #335448;
  --bh-border-strong: #779A8A;
  --bh-action: #F3F8F7;
  --bh-action-hover: #DDEDE6;
  --bh-action-pressed: #C8E0D5;
  --bh-on-action: #0F2F2B;
  --bh-accent: #18B7A0;
  --bh-accent-hover: #3CCBB4;
  --bh-accent-pressed: #13A38F;
  --bh-on-accent: #051E19;
  --bh-accent-soft: #164C40;
  --bh-on-accent-soft: #95E5D0;
  --bh-focus: #52D7B9;
  --bh-success: #A2DCB2;
  --bh-success-bg: #163827;
  --bh-warning: #F4CB83;
  --bh-warning-bg: #3B2C15;
  --bh-danger: #F5B2A9;
  --bh-danger-bg: #3D2422;
  --bh-info: #B0D5F0;
  --bh-info-bg: #18364A;
  --bh-neutral: #C2D0C7;
  --bh-neutral-bg: #293D33;
  --bh-disabled: #94AD9F;
  --bh-disabled-bg: #213C30;
  --bh-logo-structure: #F3F8F7;
  --bh-logo-signal: #18B7A0;
}
@media (prefers-reduced-motion: reduce) { :root { --bh-duration-fast: 0ms; --bh-duration-normal: 0ms; --bh-duration-slow: 0ms; } }