:root {
    /*--main-color: #489CDF;*/ /*rgb: 72, 156, 223 */
    /*--main-color-hover: #476ADE;
    --main-color-subtle: #d6defa;
    --row-focus-color: #489CDF;*/

    --main-color: #c46024; /*rgb: 196, 96, 36 */
    --main-color-filter: brightness(0) saturate(100%) invert(41%) sepia(23%) saturate(1595%) hue-rotate(339deg) brightness(102%) contrast(92%);
    --main-color-hover: #a24f1d;
    /* Akcent pod bialym tekstem. Sam --main-color daje bieli 4,16:1, czyli ponizej
       progu AA; ten wariant 4,64:1. Rozdzielony, bo akcent w roli TEKSTU ma dzis
       4,51:1 na ciemnym tle i przyciemnienie zepsuloby ten kontrast. */
    --main-color-filled: #bb581c;
    --main-color-subtle: #f1c5a5;
    --row-focus-color: #c46024;
    --row-hover: #f7fffe;
    --group-panel-color: #fdfdfd;
    --grid-color: #fefefe;
    /* Komórka filtra bierze tło wiersza: oznaczeniem jest obrys, nie wypełnienie.
       Wypełnienie musiałoby być dobierane osobno dla każdego motywu, a na białym
       tle dało szary pas przez cały wiersz. */
    --filter-cell-color: transparent;
    --header-color: #f1f1f1;
    --scroll-height: 5px;
    --scroll-width: 7px;
    --filter-input-height: 1.85rem;
    --fs-xss-offset: 0.35rem;
    --fs-xs-offset: 0.25rem;
    --fs-sm-offset: 0.15rem;
    --fs-md-offset: 0.05rem;
    --background-color: #f9f9f9;
    --warning-color: #ffc107;

    --surface-color: #ffffff;
    --surface-color-2: #f3f4f6;
    --surface-border-color: #e5e7eb;
    --index-group-bg: var(--surface-color);
    --index-group-border: var(--surface-border-color);
    --index-group-tile-bg: var(--surface-color);
    --text-color: #111827;
    --text-color-muted: #4b5563;
    --accent-active-bg: #e3b598;
    --accent-active-color: #111827;

    /* Podkladka pod logotypy integracji. Logotypy sa projektowane pod jasne tlo,
       wiec podkladka jest jasna: w motywie jasnym ledwie odcina sie od bieli
       (ma dawac ksztalt, nie zwracac uwagi), w ciemnym musi byc wyrazniejsza,
       zeby ciemne logotypy pozostaly czytelne. */
    --logo-plate-bg: #f5f6f8;
    --logo-plate-radius: 4px;

    /* Ile koloru statusu wchodzi w podklad plakietki w panelu filtrow. Na bialym
       panelu domieszka rozjasnia sie szybciej niz na ciemnym, wiec motyw ciemny
       ma wlasna wartosc. */
    --status-chip-tint: 22%;

    --admin-env-bg: #fde8e8;
    --admin-env-text: #9b1c1c;
    --admin-env-border: #f5b5b5;
    --admin-env-test-bg: #e3f4e6;
    --admin-env-test-text: #1d6b30;
    --admin-env-test-border: #a9dcb4;
    --admin-window-bg: #ffffff;
    --admin-window-head-bg: #f4f5f7;
    --admin-window-border: #c9ced6;
    --admin-window-shadow: 0 18px 50px rgba(15, 23, 42, 0.28), 0 2px 6px rgba(15, 23, 42, 0.18);
    --admin-window-env-production: #d64545;
    --admin-window-env-test: #3fae5a;
    --admin-blocked-row: #fbe3e3;
    --admin-blocker-row: #fdf1d3;
    --admin-deadlock-row: #f6caca;
    --admin-blocker-bg: #fff4d6;
    --admin-blocker-text: #8a5d00;
    --admin-blocker-border: #f0d38a;
    --admin-cell-edited-bg: #fff3c4;
    --admin-cell-edited-text: #6a5000;
    --admin-row-new-bg: #e3f4e6;
}

html[data-bs-theme="dark"] {
    --main-color-subtle: #6b3a17;
    /* Hover elementu aktywnego w toolbarze; wczesniej ta sama wartosc byla
       wpisana wprost w dwoch blizniaczych klasach i sie rozjezdzala. */
    --main-color-subtle-hover: #52290f;
    /* Kolor tekstu odnosnikow. Osobny token, bo --row-focus-color pelni role
       TLA podswietlonego wiersza - te dwie role maja rozne wymagania i przy
       zmianie akcentu rozjechaly sie ze soba. Dzis obie wartosci sa te same. */
    --link-color: #d9772f;
    --row-focus-color: #d9772f;
    --row-hover: #292927;
    --group-panel-color: #252523;
    --grid-color: #242422;
    --filter-cell-color: transparent;
    --header-color: #2b2b28;
    --background-color: #1f1e1d;

    --surface-color: #262624;
    --surface-color-2: #30302e;
    --surface-border-color: #3d3d38;
    --index-group-bg: var(--surface-color);
    --index-group-border: var(--surface-border-color);
    --index-group-tile-bg: var(--surface-color);
    --text-color: #e8e6dc;
    --text-color-muted: #9c9a92;
    --accent-active-bg: #8a4519;
    --accent-active-color: #f4ede7;

    --logo-plate-bg: #e8e6dc;
    --status-chip-tint: 26%;

    --admin-env-bg: #4a1d1d;
    --admin-env-text: #ffb4b4;
    --admin-env-border: #7a2c2c;
    --admin-env-test-bg: #1d3a24;
    --admin-env-test-text: #a8e6b4;
    --admin-env-test-border: #2c6b3a;
    --admin-window-bg: #2c2c2a;
    --admin-window-head-bg: #343431;
    --admin-window-border: #54544e;
    --admin-window-shadow: 0 22px 60px rgba(0, 0, 0, 0.65), 0 2px 8px rgba(0, 0, 0, 0.5);
    --admin-window-env-production: #e05252;
    --admin-window-env-test: #4cc06a;
    --admin-blocked-row: #4a2323;
    --admin-blocker-row: #463a1a;
    --admin-deadlock-row: #5c2626;
    --admin-blocker-bg: #3d3113;
    --admin-blocker-text: #ffd479;
    --admin-blocker-border: #6b5520;
    --admin-cell-edited-bg: #4a3f12;
    --admin-cell-edited-text: #ffe38a;
    --admin-row-new-bg: #1d3a24;

    --scrollbar-thumb: #45443f;
    --scrollbar-thumb-hover: #5a5953;
    --chart-faint: #7d7b74;
}