/* Auto mode follows system preference */
@media (prefers-color-scheme: light) {
  body.mode-auto {
    --bg: #f8fafc;
    --bg-elevated: #ffffff;
    --text: #0f172a;
    --text-muted: #64748b;
    --border: rgba(15, 23, 42, 0.08);
    --glass: rgba(255, 255, 255, 0.75);
    --glass-border: rgba(15, 23, 42, 0.08);
  }
  body.mode-auto .icon-sun { display: none; }
  body.mode-auto .icon-moon { display: inline; }
}

@media (prefers-color-scheme: dark) {
  body.mode-auto {
    --bg: #0a0e1a;
    --bg-elevated: #111827;
    --text: #f1f5f9;
    --text-muted: #94a3b8;
    --border: rgba(255, 255, 255, 0.08);
    --glass: rgba(17, 24, 39, 0.65);
    --glass-border: rgba(255, 255, 255, 0.1);
  }
}