/* =========================
   DARK THEME (DEFAULT)
   ========================= */

:root{

    --barca-blue:#004D98;
    --barca-red:#A50044;

    --bg:#0f172a;
    --text:#ffffff;

    --card-bg:rgba(255,255,255,.08);
    --card-border:rgba(255,255,255,.12);

    --meta-bg:rgba(255,255,255,.06);
    --meta-border:rgba(255,255,255,.08);

    --muted:#e1e4e8;

    --divider:rgba(148,163,184,.35);
    --surface:#1e293b;

    --result-win:#4ade80;
    --result-draw:#fde047;
    --result-loss:#f87171;

    --result-win-bg:rgba(34,197,94,.15);
    --result-draw-bg:rgba(250,204,21,.15);
    --result-loss-bg:rgba(239,68,68,.15);

    --select-bg: #a3a3a3;
    --select-text: #ffffff;
   
    --tabs-text: #a7a7a8;
    --tabs-active: #ffffff;

    --number:#ffffff;
    --number-bg:rgba(255,255,255,.08);

    --link-color:#60A5FA;

}

html[data-theme="dark"]{

    --bg:#0f172a;
    --text:#ffffff;

    --card-bg:rgba(255,255,255,.08);
    --card-border:rgba(255,255,255,.12);

    --meta-bg:rgba(255,255,255,.06);
    --meta-border:rgba(255,255,255,.08);

    --muted:#e1e4e8;

    --divider:rgba(148,163,184,.35);
    --surface:#1e293b;

    --result-win:#4ade80;
    --result-draw:#fde047;
    --result-loss:#f87171;

    --result-win-bg:rgba(34,197,94,.15);
    --result-draw-bg:rgba(250,204,21,.15);
    --result-loss-bg:rgba(239,68,68,.15);

    --select-bg: #22385f;
    --select-text: #ffffff;
   
    --tabs-text: #a7a7a8;
    --tabs-active: #ffffff;

    --number:#ffffff;
    --number-bg:rgba(255,255,255,.08);

    --link-color:#60A5FA;
}

/* =========================
   LIGHT THEME
   ========================= */

@media (prefers-color-scheme: light){

    :root{

        --bg:#f8fafc;
        --text:#0f172a;

        --card-bg:rgba(255,255,255,.88);
        --card-border:rgba(0,0,0,.08);

        --meta-bg:#dfe5eb;
        --meta-border:#e2e8f0;
        --border-dark:#1e293b;

        --muted:#64748b;

        --divider:#cbd5e1;
        --surface:#f8fafc;

    --result-win:#15803d;
    --result-draw:#334155;
    --result-loss:#b91c1c;

    --result-win-bg:#dcfce7;
    --result-draw-bg:#f1f5f9;
    --result-loss-bg:#fee2e2;

    --select-bg: #ffffff;
    --select-text: #0f172a;
   
    --tabs-text: #9ca3af;
    --tabs-active: #192236;

    --number:#004D98;
    --number-bg:rgba(0,77,152,.12);

    --link-color:#004D98;

}

html[data-theme="light"]{

    --bg:#f8fafc;
    --text:#0f172a;

    --card-bg:rgba(255,255,255,.88);
    --card-border:rgba(0,0,0,.08);

    --meta-bg:#dfe5eb;
    --meta-border:#e2e8f0;
    --border-dark:#1e293b;

    --muted:#64748b;

    --divider:#cbd5e1;
    --surface:#f8fafc;

    --result-win:#15803d;
    --result-draw:#334155;
    --result-loss:#b91c1c;

    --result-win-bg:#dcfce7;
    --result-draw-bg:#f1f5f9;
    --result-loss-bg:#fee2e2;

    --select-bg: #ffffff;
    --select-text: #0f172a;
   
    --tabs-text: #9ca3af;
    --tabs-active: #192236;

    --number:#004D98;
    --number-bg:rgba(0,77,152,.12);

    --link-color:#004D98;
}