/* HH DESIGN SYSTEM v1.0.1
 * Colors derived from happyhome-tools/src/refinement.css (hub v0.2.6, 2026-10-14).
 * Keep this file stable across apps. Sync revisions intentionally, not manually.
 * App-specific engineering colors belong in a separate app.css.
 */
:root {
  color-scheme: light;
  --hh-bg: #f6f8fc;
  --hh-surface: #ffffff;
  --hh-text: #152b42;
  --hh-muted: #56687a;
  --hh-border: #dce4ee;
  --hh-navy: #102d43;
  --hh-primary: #185ac3;
  --hh-soft: #edf3fb;
  --hh-gold: #f8c154;
  --hh-shadow: 0 8px 30px #12345808;
  --hh-danger: #b91c1c;
  --hh-focus: #185ac3;
  --hh-button-foreground: #ffffff;
  --hh-font: Inter, 'Segoe UI', Arial, sans-serif;
  --hh-font-mono: Consolas, 'SFMono-Regular', monospace;
  --hh-radius-sm: 7px;
  --hh-radius-button: 8px;
  --hh-radius-card: 12px;
  --hh-radius-feature: 16px;
  --hh-content-width: 1200px;
  --hh-space-1: 4px;
  --hh-space-2: 8px;
  --hh-space-3: 12px;
  --hh-space-4: 16px;
  --hh-space-5: 20px;
  --hh-space-6: 24px;
  --hh-space-8: 32px;
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --hh-bg: #0c1724;
  --hh-surface: #142337;
  --hh-text: #eff5ff;
  --hh-muted: #acbfd5;
  --hh-border: #30445d;
  --hh-navy: #0b1928;
  --hh-primary: #8fbbff;
  --hh-soft: #1b3049;
  --hh-shadow: none;
  --hh-danger: #fda4af;
  --hh-focus: #8fbbff;
  --hh-button-foreground: #102b43;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']):not([data-theme='dark']) {
    color-scheme: dark;
    --hh-bg: #0c1724;
    --hh-surface: #142337;
    --hh-text: #eff5ff;
    --hh-muted: #acbfd5;
    --hh-border: #30445d;
    --hh-navy: #0b1928;
    --hh-primary: #8fbbff;
    --hh-soft: #1b3049;
    --hh-shadow: none;
    --hh-danger: #fda4af;
    --hh-focus: #8fbbff;
    --hh-button-foreground: #102b43;
  }
}