: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;
    }
}