html {
    --zabarwienie: 0.12; /* skladnik alpha w rgba */

    --kolor-domyslny-rgb: 55, 62, 70;
    --kolor-domyslny: rgba(var(--kolor-domyslny-rgb), 1);
    --kolor-domyslny-zabarwienie: rgba(var(--kolor-domyslny-rgb), var(--zabarwienie));
    --kolor-domyslny-kontrast: rgba(255, 255, 255, 1);

    --kolor-glowny-rgb: 229, 0, 108;
    --kolor-glowny: rgba(var(--kolor-glowny-rgb), 1);
    --kolor-glowny-zabarwienie: rgba(var(--kolor-glowny-rgb), var(--zabarwienie));
    --kolor-glowny-kontrast: rgba(255, 255, 255, 1);

    --kolor-akcent-rgb: 0, 171, 253;
    --kolor-akcent: rgba(var(--kolor-akcent-rgb), 1);
    --kolor-akcent-zabarwienie: rgba(var(--kolor-akcent-rgb), var(--zabarwienie));
    --kolor-akcent-kontrast: rgba(255, 255, 255, 1);

    --kolor-sukces-rgb: 35, 193, 56;
    --kolor-sukces: rgba(var(--kolor-sukces-rgb), 1);
    --kolor-sukces-zabarwienie: rgba(var(--kolor-sukces-rgb), var(--zabarwienie));
    --kolor-sukces-kontrast: rgba(255, 255, 255, 1);

    --kolor-blad-rgb: 255, 85, 77;
    --kolor-blad: rgba(var(--kolor-blad-rgb), 1);
    --kolor-blad-zabarwienie: rgba(var(--kolor-blad-rgb), var(--zabarwienie));
    --kolor-blad-kontrast: rgba(255, 255, 255, 1);

    --kolor-ostrzezenie-rgb: 255, 152, 0;
    --kolor-ostrzezenie: rgba(var(--kolor-ostrzezenie-rgb), 1);
    --kolor-ostrzezenie-zabarwienie: rgba(var(--kolor-ostrzezenie-rgb), var(--zabarwienie));
    --kolor-ostrzezenie-kontrast: var(--kolor-domyslny);

    --kolor-info-rgb: 92, 119, 255;
    --kolor-info: rgba(var(--kolor-info-rgb), 1);
    --kolor-info-zabarwienie: rgba(var(--kolor-info-rgb), var(--zabarwienie));
    --kolor-info-kontrast: rgba(255, 255, 255, 1);

    --kolor-nieaktywny-rgb: 0, 0, 0;
    --kolor-nieaktywny: rgba(var(--kolor-nieaktywny-rgb), 0.35);
    --kolor-nieaktywny-zabarwienie: rgba(var(--kolor-nieaktywny-rgb), var(--zabarwienie));
    --kolor-nieaktywny-kontrast: rgba(255, 255, 255, 1);

    --jasniej: 110%;
    --ciemniej: 90%;

    /* --kolor-podstawowy: #9e9e9e; */
    /* --kolor-podstawowy-przyciemniony: #282828; */
    /* --kolor-podstawowy-text: #212121; */
    /* --kolor-drugi-podstawowy-text: #757575; */
    /* --kolor-drugi-podstawowy: #e92b4d; */
    /* --kolor-drugi-podstawowy-przyciemniony: #851A40; */
    /* --kolor-obramowanie-input: rgb(149, 149, 159); */

    --input-kolor-obramowanie: rgb(234, 234, 234);
    --input-wysokosc: 30px;
    --input-padding-v: 4px;
    --input-padding-h: 4px;
    --input-font-size: 15px;
    --input-font-family: var(--czcionka);

    --select-wysokosc: 30px;

    --spinner-kolor-rgb: var(--kolor-glowny-rgb);

    --czcionka: roboto;
    --czcionka-alt1: roboto;
    --czcionka-alt2: roboto;

    --czcionka-kolor: var(--kolor-domyslny);
    --czcionka-kolor-kontrast: var(--kolor-domyslny-kontrast);

    --czcionka-kolor-2: rgba(0,0,0,0.54);
    --czcionka-kolor-2-kontrast: hsla(0,0%,100%,0.7);

    --czcionka-kolor-3: rgba(0,0,0,0.38);
    --czcionka-kolor-3-kontrast: hsla(0,0%,100%,0.5);

    --menu-logo-url: url(/files/grafika/logo/taxomatic-logo.png);
    --menu-kolor-czcionka: var(--czcionka-kolor);
    --menu-kolor-czcionka-hover: var(--kolor-akcent);
    --menu-kolor-bg: var(--czcionka-kolor-kontrast);
    --menu-kolor-bg-hover: transparent;
    --menu-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    --wysokosc-menu-desktop: 60px;
    --wysokosc-menu-mobile: 100px;
    --font-size-menu-mobile: 85px;
    --line-height-menu-mobile: 85px;
    --padding-przycisk-menu-mobile: 15px;

    --border-radius-input: 4px;
    --border-radius-przycisk: 6px;
    --border-radius-duzy: 10px;
    --border-radius: 6px;
    --border-radius-maly: 4px;

    --checkbox-rozmiar: 13px;

    --okno-naglowek-wysokosc: 45px;
    --okno-naglowek-czcionka-rozmiar: 14px;
    --window-horizontal-padding: 15px;
    --okno-wiersz-przyciskow-przycisk-wysokosc: 50px;
    --okno-wiersz-przyciskow-przycisk-margines-y: 2px;
    --okno-wiersz-przyciskow-wysokosc: calc(var(--okno-wiersz-przyciskow-przycisk-wysokosc) + var(--okno-wiersz-przyciskow-przycisk-margines-y) + var(--okno-wiersz-przyciskow-przycisk-margines-y));
    --okno-wiersz-przyciskow-odstep: 7px;
    --okno-wiersz-przyciskow-tlo: var(--taxo-black);
    --okno-cialo-tlo: rgb(255, 255, 255);

    --cialo-tlo: rgb(255, 255, 255);

    --ekran-logowania-width: 410px;
    --ekran-logowania-logo-height: 94px;
    --ekran-logowania-logo-url: url(/files/grafika/logowanie/logo-kolo.png);
    --ekran-logowania-logo-position: top calc(max(35vw, 400px) / -2) right calc(max(35vw, 400px) / -2);
    --ekran-logowania-tekst-logowania-kolor: var(--czcionka-kolor);
    --ekran-logowania-input-background: #f5f5f5;
    --ekran-logowania-przycisk-kolor: var(--kolor-akcent);
    --ekran-logowania-przycisk-kolor-hover: var(--kolor-akcent);
    --ekran-logowania-wersja-kolor: var(--czcionka-kolor-2);

    --tabela-filtr-tlo: rgb(245, 245, 245);

    --default-icon-size: 1.5em;

    --taxo-black: #373E46;

    --footer-height: 38px;
}

/*.css-okno.core-okno {
    --kolor-glowny-rgb: 182, 182, 182;
    --kolor-glowny: rgba(var(--kolor-glowny-rgb), 1);
    --kolor-glowny-zabarwienie: rgba(var(--kolor-glowny-rgb), var(--zabarwienie));
}

.css-okno.core-okno .przycisk {
    --kolor-glowny-rgb: 0, 171, 253;
    --kolor-glowny: rgba(var(--kolor-glowny-rgb), 1);
    --kolor-glowny-zabarwienie: rgba(var(--kolor-glowny-rgb), var(--zabarwienie));
}*/