/* Złóż Kompa — design tokens. Bezpieczne do wczytania na każdej stronie. */
:root {
    --ink: #0F1319;
    --bg: #F7F6F2;
    --surface: #FFFFFF;
    --surface-2: #EFEEE8;
    --line: #DEDCD3;
    --line-strong: #C6C3B7;
    --text: #1A1E25;
    --text-2: #5C6270;
    --text-3: #878C97;
    --accent: #B8791A;
    --accent-bright: #F2B23E;
    --accent-soft: #FBEBCC;
    --ok: #2E7D5B;
    --warn: #B07100;
    --bad: #C2382F;
    --bad-soft: #FBE6E4;
    --c1: #2B4C6F;
    --c2: #3E7A8C;
    --c3: #B8791A;
    --c4: #7A6BA8;
    --c5: #45705A;
    --c6: #A05C4A;
    --c7: #6E7684;
    --c8: #8A8352;
    --radius: 10px;
    --mono: ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", Menlo, Consolas, monospace;
    --sans: ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --zk-tick: rgba(0, 0, 0, .16);
    --zk-tick-2: rgba(0, 0, 0, .34);
    --zk-navbg: rgba(247, 246, 242, .92);
    --zk-ground: #EFEEE8;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: #0F1319;
        --surface: #171C24;
        --surface-2: #1E242E;
        --line: #2A313C;
        --line-strong: #3B4452;
        --text: #E8EAEE;
        --text-2: #99A1AE;
        --text-3: #6E7684;
        --accent: #F2B23E;
        --accent-bright: #F2B23E;
        --accent-soft: #3A2E17;
        --ok: #4FBE8B;
        --warn: #E0A83C;
        --bad: #F0736A;
        --bad-soft: #3A211F;
        --c1: #5E8FBC;
        --c2: #62B3C4;
        --c3: #F2B23E;
        --c4: #A794D8;
        --c5: #6FB48F;
        --c6: #D18A74;
        --c7: #98A0AE;
        --c8: #C2B87A;
        --zk-tick: rgba(255, 255, 255, .14);
        --zk-tick-2: rgba(255, 255, 255, .32);
        --zk-navbg: rgba(15, 19, 25, .92);
        --zk-ground: #12171E;
    }
}

:root[data-theme="dark"] {
    --bg: #0F1319;
    --surface: #171C24;
    --surface-2: #1E242E;
    --line: #2A313C;
    --line-strong: #3B4452;
    --text: #E8EAEE;
    --text-2: #99A1AE;
    --text-3: #6E7684;
    --accent: #F2B23E;
    --accent-bright: #F2B23E;
    --accent-soft: #3A2E17;
    --ok: #4FBE8B;
    --warn: #E0A83C;
    --bad: #F0736A;
    --bad-soft: #3A211F;
    --c1: #5E8FBC;
    --c2: #62B3C4;
    --c3: #F2B23E;
    --c4: #A794D8;
    --c5: #6FB48F;
    --c6: #D18A74;
    --c7: #98A0AE;
    --c8: #C2B87A;
    --zk-tick: rgba(255, 255, 255, .14);
    --zk-tick-2: rgba(255, 255, 255, .32);
    --zk-navbg: rgba(15, 19, 25, .92);
    --zk-ground: #12171E;
}

:root[data-theme="light"] {
    --bg: #F7F6F2;
    --surface: #FFFFFF;
    --surface-2: #EFEEE8;
    --line: #DEDCD3;
    --line-strong: #C6C3B7;
    --text: #1A1E25;
    --text-2: #5C6270;
    --text-3: #878C97;
    --accent: #B8791A;
    --accent-bright: #F2B23E;
    --accent-soft: #FBEBCC;
    --ok: #2E7D5B;
    --warn: #B07100;
    --bad: #C2382F;
    --bad-soft: #FBE6E4;
    --c1: #2B4C6F;
    --c2: #3E7A8C;
    --c3: #B8791A;
    --c4: #7A6BA8;
    --c5: #45705A;
    --c6: #A05C4A;
    --c7: #6E7684;
    --c8: #8A8352;
    --zk-tick: rgba(0, 0, 0, .16);
    --zk-tick-2: rgba(0, 0, 0, .34);
    --zk-navbg: rgba(247, 246, 242, .92);
    --zk-ground: #EFEEE8;
}