/* Semantic color tokens, map decision #3 (brandbook section 14).
   Dark theme is the default; the light theme follows the system setting. */
:root {
  --color-bg: #1E1E24;
  --color-surface: #2A2A33;
  --color-text: #F5F5F7;
  --color-text-muted: rgba(245, 245, 247, .7);
  --color-accent: #F4A261;
  --color-accent-text: #1E1E24;
  --color-link: #F4A261;
  --color-border: rgba(245, 245, 247, .12);
  --sign-bg: #1E1E24;
  color-scheme: dark;
}

@media (prefers-color-scheme: light) {
  :root {
    --color-bg: #F5F5F7;
    --color-surface: #FFFFFF;
    --color-text: #1E1E24;
    --color-text-muted: rgba(30, 30, 36, .7);
    --color-accent: #F4A261;
    --color-accent-text: #1E1E24;
    --color-link: #9A5B13;
    --color-border: rgba(30, 30, 36, .12);
    color-scheme: light;
  }
}