/* Appearance overrides use the existing design-system tokens and layout. */
html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"] {
    color-scheme: dark;
    --bg: #0B1220;
    --bg-soft: #111C2E;
    --surface: #182437;
    --border: #35445C;
    --text: #E2E8F0;
    --text-muted: #B7C4D7;
    --primary: #8FB4FF;
    --primary-hover: #B8D0FF;
    --accent: #5EEAD4;
    --warning: #FCD34D;
    --danger: #FCA5A5;
    --success: #86EFAC;
}
html[data-theme="dark"] :is(.btn-primary,.top-nav-link.active) {
    color: var(--bg);
}