@media (prefers-color-scheme: dark) {
    html[data-theme="auto"] {
        color-scheme: dark;
        --color-background: #09131d;
        --color-surface: #122230;
        --color-surface-muted: #192d3d;
        --color-text: #edf3f7;
        --color-text-muted: #b5c4cf;
        --color-border: #355064;
        --color-navy: #142f48;
        --color-navy-dark: #07131e;
        --color-accent: #e28a45;
        --color-accent-hover: #f0a15f;
        --shadow-card: 0 14px 32px rgba(0, 0, 0, 0.25);
    }
}
html[data-theme="dark"] {
    color-scheme: dark;
    --color-background: #09131d;
    --color-surface: #122230;
    --color-surface-muted: #192d3d;
    --color-text: #edf3f7;
    --color-text-muted: #b5c4cf;
    --color-border: #355064;
    --color-navy: #142f48;
    --color-navy-dark: #07131e;
    --color-accent: #e28a45;
    --color-accent-hover: #f0a15f;
    --shadow-card: 0 14px 32px rgba(0, 0, 0, 0.25);
}
html[data-theme="dark"] .site-header, html[data-theme="auto"] .site-header { color: #fff; }
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3 { color: var(--color-text); }
html[data-theme="dark"] a:not(.button):not(.brand):not(.account-link) { color: #9fd1f2; }
html[data-theme="dark"] .button-secondary { border-color: #58748a; background: #173047; color: #f4f8fb; }
html[data-theme="dark"] .button-secondary:hover { background: #21425e; color: #fff; }
html[data-theme="dark"] .theme-control select { background: #07131e; color: #fff; }
html[data-theme="dark"] .room-event-user-0 { --room-event-background: #173047; --room-event-border: #66a5d8; }
html[data-theme="dark"] .room-event-user-1 { --room-event-background: #3b2a18; --room-event-border: #e6a057; }
html[data-theme="dark"] .room-event-user-2 { --room-event-background: #183629; --room-event-border: #62b382; }
html[data-theme="dark"] .room-event-user-3 { --room-event-background: #302544; --room-event-border: #a98ad4; }
html[data-theme="dark"] .room-event-user-4 { --room-event-background: #3c222b; --room-event-border: #d77b91; }
html[data-theme="dark"] .room-event-user-5 { --room-event-background: #17373a; --room-event-border: #68b5ba; }
html[data-theme="dark"] .room-event-user-6 { --room-event-background: #34351d; --room-event-border: #b6b96b; }
html[data-theme="dark"] .room-event-user-7 { --room-event-background: #28313b; --room-event-border: #91a3b6; }
@media (prefers-color-scheme: dark) {
    html[data-theme="auto"] h1, html[data-theme="auto"] h2, html[data-theme="auto"] h3 { color: var(--color-text); }
    html[data-theme="auto"] a:not(.button):not(.brand):not(.account-link) { color: #9fd1f2; }
    html[data-theme="auto"] .button-secondary { border-color: #58748a; background: #173047; color: #f4f8fb; }
    html[data-theme="auto"] .button-secondary:hover { background: #21425e; color: #fff; }
    html[data-theme="auto"] .theme-control select { background: #07131e; color: #fff; }
    html[data-theme="auto"] .room-event-user-0 { --room-event-background: #173047; --room-event-border: #66a5d8; }
    html[data-theme="auto"] .room-event-user-1 { --room-event-background: #3b2a18; --room-event-border: #e6a057; }
    html[data-theme="auto"] .room-event-user-2 { --room-event-background: #183629; --room-event-border: #62b382; }
    html[data-theme="auto"] .room-event-user-3 { --room-event-background: #302544; --room-event-border: #a98ad4; }
    html[data-theme="auto"] .room-event-user-4 { --room-event-background: #3c222b; --room-event-border: #d77b91; }
    html[data-theme="auto"] .room-event-user-5 { --room-event-background: #17373a; --room-event-border: #68b5ba; }
    html[data-theme="auto"] .room-event-user-6 { --room-event-background: #34351d; --room-event-border: #b6b96b; }
    html[data-theme="auto"] .room-event-user-7 { --room-event-background: #28313b; --room-event-border: #91a3b6; }
}