/* =========================================================================
   theme.css — dark mode + home/menu tokens (additive; link after variables)
   ========================================================================= */
:root {
  --home-muted: #5d5d59;
  --home-radius: 14px;
  --menu-bg: #141413; --menu-fg: #f4f4f1; --menu-fg-dim: #8a8a85;
  --menu-line: rgba(255,255,255,0.10); --menu-shadow: 0 30px 80px -20px rgba(0,0,0,0.55);
}
:root[data-theme="dark"] {
  --bg:#0e0e0d; --bg-elevated:#161614;
  --text-primary:#f4f4f1; --text-secondary:#c9c9c4; --text-muted:#9b9b95; --home-muted:#9b9b95;
  --blue:#6f93ff; --blue-dark:#8aa6ff;
  --border:rgba(255,255,255,0.11); --border-hover:rgba(255,255,255,0.18);
  --menu-bg:#1b1b19; color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg:#0e0e0d; --bg-elevated:#161614;
    --text-primary:#f4f4f1; --text-secondary:#c9c9c4; --text-muted:#9b9b95; --home-muted:#9b9b95;
    --blue:#6f93ff; --blue-dark:#8aa6ff;
    --border:rgba(255,255,255,0.11); --border-hover:rgba(255,255,255,0.18);
    --menu-bg:#1b1b19; color-scheme: dark;
  }
}