html[data-theme="dark"] {
    --page: #0b0b0b;
    --surface: #171717;
    --surface-muted: #1e1e1e;
    --text: #f5f5f5;
    --text-muted: #9a9a9a;
    --border: #2a2a2a;
    --border-strong: #4a4a4a;
    --primary: #002060;
    --primary-hover: #00184a;
    --primary-on: #ffffff;
    --primary-text: #a9c4ff;
    --focus: #7da8ff;
    --success: #22c55e;
    --warning: #f59e0b;
    --danger: #dc2626;
    --shadow: 0 2px 8px rgb(0 0 0 / 32%);
}

@media (prefers-color-scheme: dark) {
    html:not([data-theme-preference]) {
        --page: #0b0b0b;
        --surface: #171717;
        --surface-muted: #1e1e1e;
        --text: #f5f5f5;
        --text-muted: #9a9a9a;
        --border: #2a2a2a;
        --border-strong: #4a4a4a;
        --primary: #002060;
        --primary-hover: #00184a;
        --primary-on: #ffffff;
        --primary-text: #a9c4ff;
        --focus: #7da8ff;
        --success: #22c55e;
        --warning: #f59e0b;
        --danger: #dc2626;
        --shadow: 0 2px 8px rgb(0 0 0 / 32%);
    }
}