/* Brand tokens — single source of brand hex (do not copy hex into other files) */
:root,
html[data-color-mode="light"] {
  --ez-forest: #0B2545;
  --ez-sage: #4A6FA5;
  --ez-sage-700: #2F4A73;
  --ez-clay: #1E3A5F;
  --ez-bone: #E8ECF2;
  --ez-bg: #F4F6F9;
  --ez-surface: #FFFFFF;
  --ez-surface-2: #F8FAFC;
  --ez-border-soft: #E2E8F0;
  --ez-text: #0B2545;
  --ez-text-muted: #5A6B7D;
  --ez-danger: #8C3A2B;
  --ez-tint: #FFFFFF;
  --ez-radius-sm: 4px;
  --ez-radius: 6px;
  --ez-radius-lg: 10px;
  --ez-btn-h: 36px;
  --ez-input-h: 38px;
  --ez-row-h: 44px;
  --ez-font-display: "Inter Tight", "Inter", system-ui, sans-serif;
  --ez-font-body: "Inter", system-ui, sans-serif;
  --ez-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  color-scheme: light;
}

/* Dark surfaces — keep brand accents; flip bg/text/border for contrast */
html[data-color-mode="dark"] {
  --ez-forest: #0B2545;
  --ez-sage: #6B8FC4;
  --ez-sage-700: #8AA6D1;
  --ez-clay: #9BB0C9;
  --ez-bone: #E8ECF2;
  --ez-bg: #0d1520;
  --ez-surface: #152033;
  --ez-surface-2: #1a2940;
  --ez-border-soft: #2a3d56;
  --ez-text: #E8ECF2;
  --ez-text-muted: #9AADC2;
  --ez-danger: #E07A6A;
  --ez-tint: #152033;
  color-scheme: dark;
}