:root{
    --bg:#0b0b0d;
    --text:#eaeaf0;
    --muted:#9aa0a6;
    --card:#111218;
    --surface:#0e0e14;
    --border:#23232b;
    --focus:#2e5cff55;
    --primary:#2e5cff;
    --primary-border:#2a50d9;
    --on-primary:#fff;
    --secondary:#3bcd5e;
    --btn-bg:#16161d;
    --btn-fg:#eaeaf0;
    --topbar:#111218;
    --nav-active:#1b1b22;
    --error-bg:#3b1216;
    --error-border:#6d1a22;
    --error-fg:#ffd6db;
    --info-bg:#132736;
    --info-border:#1e4a66;
    --info-fg:#c6e2ff;
    --btn-bg: var(--gp-primary, #1f6feb);
    --btn-fg: #fff;
    --btn-hover: color-mix(in oklab, var(--btn-bg) 85%, white);
    --btn-outline-fg: var(--gp-primary, #1f6feb);
    --btn-ghost-fg: var(--gp-primary, #1f6feb);
} 

@media(prefers-color-scheme:light){
    :root{
        --bg:#f7f8fb;
        --text:#00334c;
        --muted:#5b6173;
        --card:#fff;
        --surface:#fff;
        --border:#e5e7ef;
        --focus:#2e5cff55;
        --primary:#2e5cff;
        --primary-border:#2a50d9;
        --on-primary:#fff;
        --btn-bg:#fff;
        --btn-fg:#0f1222;
        --topbar:#fff;
        --nav-active:#eef2ff;
        --error-bg:#fee2e2;
        --error-border:#fecaca;
        --error-fg:#7f1d1d;
        --info-bg:#e0f2fe;
        --info-border:#bae6fd;
        --info-fg:#0c4a6e;
        --btn-bg: var(--gp-primary, #1e4a66);
        --btn-fg: #fff;
        --btn-hover: color-mix(in oklab, var(--btn-bg) 85%, white);
        --btn-outline-fg: var(--gp-primary, #1f6feb);
        --btn-ghost-fg: var(--gp-primary, #1f6feb);
    }
} 

body{
    background:var(--bg);color:var(--text)
}

.custom-logo-link {
    color: #1b5275;
}