/* Dark mode: respects prefers-color-scheme by default, overridable via data-theme. */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme='light']) {
        --bg: #0b1220;
        --surface: #101a2e;
        --text: #e2e8f0;
        --muted: #94a3b8;
        --border: #1e293b;
        --shadow: 0 1px 3px rgb(0 0 0 / 40%);
    }
}
:root[data-theme='dark'] {
    --bg: #0b1220;
    --surface: #101a2e;
    --text: #e2e8f0;
    --muted: #94a3b8;
    --border: #1e293b;
    --shadow: 0 1px 3px rgb(0 0 0 / 40%);
}