:root,
html[data-theme='light'] {
    --bg: #f7f8fb;
    --surface: #ffffff;
    --surface-soft: #f0f4ff;
    --text: #101828;
    --muted: #667085;
    --border: rgba(16, 24, 40, .10);
    --accent: #2563eb;
    --accent-2: #7c3aed;
    --code-bg: #e8edf8;
}
html[data-theme='dark'] {
    --bg: #0b1020;
    --surface: #121a2f;
    --surface-soft: #111827;
    --text: #eef2ff;
    --muted: #9aa4b2;
    --border: rgba(238, 242, 255, .12);
    --accent: #38bdf8;
    --accent-2: #a78bfa;
    --code-bg: #1f2937;
}
@media (prefers-color-scheme: dark) {
    html[data-theme='auto'] {
        --bg: #0b1020;
        --surface: #121a2f;
        --surface-soft: #111827;
        --text: #eef2ff;
        --muted: #9aa4b2;
        --border: rgba(238, 242, 255, .12);
        --accent: #38bdf8;
        --accent-2: #a78bfa;
        --code-bg: #1f2937;
    }
}