/* BIOS: pravila za CODE varijantu, prepisuje .bios- klase. */
/* ===== TAMNA CODE TEMA ===== */
body.code-tema .bios-overlay {
    --bios-bg: var(--gx-bios-bg);
    --bios-bg-tamno: var(--gx-bios-bg-tamno);
    --bios-panel: var(--gx-bios-panel);
    --bios-panel-ivica: rgba(var(--gx-rgb), 0.4);
    --bios-tekst: var(--gx-bios-tekst);
    --bios-tekst-siv: var(--gx-bios-tekst-siv);
    --bios-zuti: var(--gx-bios-zuti);
    --bios-naziv: var(--gx-bios-naziv);
    --bios-kbd-bg: var(--gx-bios-kbd-bg);
    --bios-kbd-tekst: var(--gx-bios-kbd-tekst);
    --bios-kbd-ivica: var(--gx-bios-kbd-ivica);
    --bios-izabrano-bg: var(--primarna);
    --bios-izabrano-tekst: var(--primarna-tekst);
    --bios-crveni: #ff3860;
    --bios-zeleni: var(--primarna);
}

body.code-tema .bios-kategorija-naslov,
body.code-tema .bios-info-naslov,
body.code-tema .bios-side-naslov,
body.code-tema .bios-side-footer {
    border-color: rgba(var(--gx-rgb), 0.3);
}

body.code-tema .sp-sekcija {
    border-color: rgba(var(--gx-rgb), 0.22);
}

body.code-tema .bios-boja-uzorak {
    border-color: rgba(var(--gx-rgb), 0.45);
}

/* ===== SVETLA CODE TEMA ===== */
body.code-tema.code-svetla .bios-overlay {
    box-shadow: inset 0 0 140px rgba(15, 45, 32, 0.13);
}

body.code-tema.code-svetla .bios-overlay::before {
    background: repeating-linear-gradient(
        rgba(0, 0, 0, 0.06) 0,
        rgba(0, 0, 0, 0.06) 1px,
        transparent 1px,
        transparent 3px
    );
}

body.code-tema.code-svetla .bios-overlay::after {
    background: radial-gradient(ellipse at center, transparent 58%, rgba(126, 150, 138, 0.24) 100%);
}

body.code-tema.code-svetla .bios-overlay kbd {
    box-shadow: inset 0 -2px 0 rgba(var(--gx-rgb), 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.code-tema.code-svetla .bios-red:not(.bios-sekcija):not(.iskljucen):hover {
    background: rgba(var(--gx-rgb), 0.09);
}

body.code-tema.code-svetla .bios-red.bios-sekcija {
    background: rgba(var(--gx-rgb), 0.07);
}

body.code-tema.code-svetla .bios-dugme {
    background: rgba(var(--gx-rgb), 0.05);
}

body.code-tema.code-svetla .bios-dugme:hover {
    background: rgba(var(--gx-rgb), 0.13);
}