/* Dark palette when html[data-theme="dark"] — matches landing.html intent */
html[data-theme="dark"] {
    color-scheme: dark;
}

html[data-theme="dark"] body {
    background-color: #0f1117;
    color: #e8eaf0;
}

html[data-theme="dark"] .header {
    --dh-surface: #1a1d27;
    --dh-border: rgba(255, 255, 255, 0.08);
    --dh-text: #e8eaf0;
    --dh-muted: #9299ad;
    --dh-primary: #3b82f6;
    --dh-primary-h: #60a5fa;
    --dh-primary-lt: #1e3a5f;
}

html[data-theme="dark"] .site-logo:hover {
    background: rgba(59, 130, 246, 0.12);
}

html[data-theme="dark"] .site-nav-link:hover {
    color: var(--dh-text);
    background: #232637;
}

html[data-theme="dark"] .site-theme-btn:hover {
    background: #232637;
    color: var(--dh-text);
}

html[data-theme="dark"] .footer {
    background: #1a1d27;
    color: #9299ad;
}

html[data-theme="dark"] .footer p {
    color: #9299ad;
}

/* Auth / login card */
html[data-theme="dark"] .auth-shell {
    --auth-bg: #0f1117;
    --auth-surface: #1a1d27;
    --auth-surface2: #232637;
    --auth-border: rgba(255, 255, 255, 0.08);
    --auth-text: #e8eaf0;
    --auth-muted: #9299ad;
    --auth-faint: #4b5264;
    --auth-primary: #3b82f6;
    --auth-primary-h: #60a5fa;
    --auth-primary-lt: #1e3a5f;
    --auth-sh-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --auth-sh-lg: 0 12px 40px rgba(0, 0, 0, 0.5);
}

html[data-theme="dark"] .auth-global-error {
    color: #fecaca;
    background: #450a0a;
    border-color: #7f1d1d;
}