:root {
    --popover-bg: rgba(5, 13, 32, .96);
    --popover-border: rgba(255, 255, 255, .13);
    --popover-text: #fff;
    --popover-muted: rgba(220, 231, 247, .62);
    --popover-hover: rgba(255, 255, 255, .07);
    --popover-shadow: 0 24px 65px rgba(0, 0, 0, .4);
    --popover-blur: blur(24px);
    --popup-light-powierzchnia: linear-gradient(145deg, rgba(249, 252, 255, .95), rgba(224, 238, 251, .88));
    --popup-light-powierzchnia-pola: rgba(255, 255, 255, .74);
    --popup-light-obramowanie: rgba(43, 91, 142, .2);
    --popup-light-obramowanie-mocne: rgba(26, 105, 190, .34);
    --popup-light-tekst: #17304b;
    --popup-light-tekst-przygaszony: #5a718a;
    --popup-light-cien: 0 26px 70px rgba(42, 73, 108, .2);
    --popup-light-blur: blur(24px) saturate(1.08);
}

html[data-motyw="light"] .panel-modal__okno,
.modal-panelu[data-motyw="light"] .modal-panelu__okno {
    border-color: var(--popup-light-obramowanie);
    background: var(--popup-light-powierzchnia);
    box-shadow: var(--popup-light-cien);
    color: var(--popup-light-tekst);
    backdrop-filter: var(--popup-light-blur);
}

html[data-motyw="light"] .panel-modal__okno :is(h1, h2, h3, label, strong) {
    color: var(--popup-light-tekst);
}

html[data-motyw="light"] .panel-modal__okno :is(p, small, label span) {
    color: var(--popup-light-tekst-przygaszony);
}

html[data-motyw="light"] .panel-modal__okno :is(input, textarea, select) {
    border-color: var(--popup-light-obramowanie);
    background: var(--popup-light-powierzchnia-pola);
    color: var(--popup-light-tekst);
}

html[data-motyw="light"] .panel-modal__okno input:disabled {
    color: var(--popup-light-tekst-przygaszony);
}

.modal-panelu[data-motyw="light"] .modal-panelu__zamknij,
html[data-motyw="light"] .panel-modal__zamknij {
    border-color: var(--popup-light-obramowanie);
    background: rgba(255, 255, 255, .62);
    color: var(--popup-light-tekst);
}

.tooltip-globalny,
.koszyk__podglad,
.panel-koszyk__popover,
.panel-profil-popover,
.panel-gora__podpowiedz {
    border-color: var(--popover-border);
    background: var(--popover-bg);
    box-shadow: var(--popover-shadow);
    color: var(--popover-text);
    backdrop-filter: var(--popover-blur);
}

:is(.koszyk__podglad, .panel-koszyk__popover, .panel-profil-popover, .panel-gora__podpowiedz) :is(strong, b) {
    color: var(--popover-text);
}

:is(.koszyk__podglad, .panel-koszyk__popover) :is(
    .koszyk-podglad__naglowek > span,
    .koszyk-podglad__pozycja span,
    .koszyk-podglad__pozycja small,
    .koszyk-podglad__suma > span,
    .koszyk-podglad__pusty span
),
.panel-profil-popover__osoba span,
.panel-gora__podpowiedz small {
    color: var(--popover-muted);
}

.panel-profil-popover__osoba,
:is(.koszyk__podglad, .panel-koszyk__popover) .koszyk-podglad__pozycja {
    border-color: var(--popover-border);
}

.panel-profil-popover > button,
.panel-profil-popover form button {
    color: var(--popover-muted);
}

.panel-profil-popover > button:hover,
.panel-profil-popover > button:focus-visible,
.panel-profil-popover form button:hover,
.panel-profil-popover form button:focus-visible {
    color: var(--popover-text);
    background: var(--popover-hover);
}