:root {
    --brand:#111827;
    --accent:#dc2626;
    --bg:#f7f8fa;
    --surface:#fff;
    --ink:#17202d;
    --muted:#657080;
    --line:#e4e7ec;
    --soft:#f0f2f5;
    --radius:12px;
    --shadow:0 4px 20px #17202d06;
    --font:'Beiruti',system-ui,sans-serif;
    --accent-text:var(--accent-light,#b91c1c);
    --success-bg: #edf8f1;
    --success-ink: #23643d;
    --warning-bg: #fff5dd;
    --warning-ink: #866012;
    --error-bg: #fff0f0;
    --error-ink: #b91c1c;
    --link: #2563eb;
    color-scheme:light;
}
html[data-theme=dark] {
    --bg:#10151e;
    --surface:#192230;
    --ink:#f4f6fa;
    --muted:#acb7c6;
    --line:#334154;
    --soft:#222d3d;
    --accent-text:var(--accent-dark,#f87171);
    --success-bg: #163427;
    --success-ink: #86efac;
    --warning-bg: #392f1b;
    --warning-ink: #fcd34d;
    --error-bg: #3b2027;
    --error-ink: #fca5a5;
    --link: #93c5fd;
    color-scheme:dark;
}
@media (prefers-color-scheme: dark) {
    html[data-theme=auto] {
        --bg: #10151e;
        --surface: #192230;
        --ink: #f4f6fa;
        --muted: #acb7c6;
        --line: #334154;
        --soft: #222d3d;
        --accent-text: var(--accent-dark, #f87171);
        --success-bg: #163427;
        --success-ink: #86efac;
        --warning-bg: #392f1b;
        --warning-ink: #fcd34d;
        --error-bg: #3b2027;
        --error-ink: #fca5a5;
        --link: #93c5fd;
        color-scheme: dark;
    }
}