/* HYDRA — tokeny identyfikacji (wydanie 1.1, 2026-10-13). Bez cieni: karty oddziela --hy-linia.
   Motyw ciemny domyślny. Jasny: <html data-motyw="jasny">. Za systemem: <html data-motyw="auto">.
   Fragment w drugim motywie: class="hy-ciemne" albo class="hy-jasne" na elemencie.
   Wszystkie kolory w aplikacji wyłącznie przez var(--hy-…). */
:root {
  --hy-font-display: "Archivo", "Arial Narrow", sans-serif;
  --hy-font-sans: "IBM Plex Sans", Calibri, system-ui, sans-serif;
  --hy-font-mono: "IBM Plex Mono", Consolas, ui-monospace, monospace;
  --hy-odstep-1: 4px; --hy-odstep-2: 8px; --hy-odstep-3: 12px; --hy-odstep-4: 16px;
  --hy-odstep-6: 24px; --hy-odstep-8: 32px; --hy-odstep-12: 48px;
  --hy-promien-s: 4px; --hy-promien-m: 6px; --hy-promien-l: 10px;
}
:root, .hy-ciemne {
  --hy-powierzchnia: #1A1E21;
  --hy-powierzchnia-karta: #22272B;
  --hy-powierzchnia-wysoka: #2C3236;
  --hy-linia: #3A4146;
  --hy-linia-mocna: #6E757C;
  --hy-tekst: #F2F4F5;
  --hy-tekst-pomocniczy: #A3A9AF;
  --hy-akcent: #00ADEF;
  --hy-na-akcencie: #12161A;
  --hy-akcent-tlo: #0E3346;
  --hy-luk-1: #F2F4F5;
  --hy-luk-2: #B4BAC0;
  --hy-luk-3: #7A8188;
  --hy-woda: #8DD7F8;
  --hy-woda-gleboka: #00ADEF;
  --hy-dane-napelnienie: #00ADEF;
  --hy-dane-przeplyw: #F2F4F5;
  --hy-dane-predkosc: #B4BAC0;
  --hy-dane-temperatura: #F08A5D;
  --hy-dane-temp-powietrza: #C9A7F0;
  --hy-dane-opad: #7FB2E5;
  --hy-wzorzec: #39FF7A;
  --hy-prognoza: #8DD7F8;
  --hy-siatka: #2C3236;
  --hy-sygnal: #E8A33A;
  --hy-blad: #FF7A6B;
  --hy-grafit: #22272B;
  color-scheme: dark;
}
html[data-motyw="jasny"], .hy-jasne {
  --hy-powierzchnia: #F5F7F8;
  --hy-powierzchnia-karta: #FFFFFF;
  --hy-powierzchnia-wysoka: #EEF1F3;
  --hy-linia: #C8D3D9;
  --hy-linia-mocna: #7E858C;
  --hy-tekst: #1E2328;
  --hy-tekst-pomocniczy: #5B6570;
  --hy-akcent: #313195;
  --hy-na-akcencie: #FFFFFF;
  --hy-akcent-tlo: #E7F4FB;
  --hy-luk-1: #2B3035;
  --hy-luk-2: #6E757C;
  --hy-luk-3: #A3A9AF;
  --hy-woda: #00ADEF;
  --hy-woda-gleboka: #313195;
  --hy-dane-napelnienie: #0087C2;
  --hy-dane-przeplyw: #1E2328;
  --hy-dane-predkosc: #6E757C;
  --hy-dane-temperatura: #B4501F;
  --hy-dane-temp-powietrza: #6B3FA0;
  --hy-dane-opad: #3A6EA5;
  --hy-wzorzec: #15803D;
  --hy-prognoza: #313195;
  --hy-siatka: #E3E8EB;
  --hy-sygnal: #9A5B00;
  --hy-blad: #B42318;
  --hy-grafit: #22272B;
  color-scheme: light;
}
@media (prefers-color-scheme: light) {
  html[data-motyw="auto"] {
    --hy-powierzchnia: #F5F7F8;
    --hy-powierzchnia-karta: #FFFFFF;
    --hy-powierzchnia-wysoka: #EEF1F3;
    --hy-linia: #C8D3D9;
    --hy-linia-mocna: #7E858C;
    --hy-tekst: #1E2328;
    --hy-tekst-pomocniczy: #5B6570;
    --hy-akcent: #313195;
    --hy-na-akcencie: #FFFFFF;
    --hy-akcent-tlo: #E7F4FB;
    --hy-luk-1: #2B3035;
    --hy-luk-2: #6E757C;
    --hy-luk-3: #A3A9AF;
    --hy-woda: #00ADEF;
    --hy-woda-gleboka: #313195;
    --hy-dane-napelnienie: #0087C2;
    --hy-dane-przeplyw: #1E2328;
    --hy-dane-predkosc: #6E757C;
    --hy-dane-temperatura: #B4501F;
    --hy-dane-temp-powietrza: #6B3FA0;
    --hy-dane-opad: #3A6EA5;
    --hy-wzorzec: #15803D;
    --hy-prognoza: #313195;
    --hy-siatka: #E3E8EB;
    --hy-sygnal: #9A5B00;
    --hy-blad: #B42318;
    --hy-grafit: #22272B;
    color-scheme: light;
  }
  html[data-motyw="auto"] .hy-ciemne {
    --hy-powierzchnia: #1A1E21;
    --hy-powierzchnia-karta: #22272B;
    --hy-powierzchnia-wysoka: #2C3236;
    --hy-linia: #3A4146;
    --hy-linia-mocna: #6E757C;
    --hy-tekst: #F2F4F5;
    --hy-tekst-pomocniczy: #A3A9AF;
    --hy-akcent: #00ADEF;
    --hy-na-akcencie: #12161A;
    --hy-akcent-tlo: #0E3346;
    --hy-luk-1: #F2F4F5;
    --hy-luk-2: #B4BAC0;
    --hy-luk-3: #7A8188;
    --hy-woda: #8DD7F8;
    --hy-woda-gleboka: #00ADEF;
    --hy-dane-napelnienie: #00ADEF;
    --hy-dane-przeplyw: #F2F4F5;
    --hy-dane-predkosc: #B4BAC0;
    --hy-dane-temperatura: #F08A5D;
    --hy-dane-temp-powietrza: #C9A7F0;
    --hy-dane-opad: #7FB2E5;
    --hy-wzorzec: #39FF7A;
    --hy-prognoza: #8DD7F8;
    --hy-siatka: #2C3236;
    --hy-sygnal: #E8A33A;
    --hy-blad: #FF7A6B;
    --hy-grafit: #22272B;
    color-scheme: dark;
  }
}
@media print {
  :root, html[data-motyw], .hy-ciemne, html[data-motyw] .hy-ciemne {
    --hy-powierzchnia: #F5F7F8;
    --hy-powierzchnia-karta: #FFFFFF;
    --hy-powierzchnia-wysoka: #EEF1F3;
    --hy-linia: #C8D3D9;
    --hy-linia-mocna: #7E858C;
    --hy-tekst: #1E2328;
    --hy-tekst-pomocniczy: #5B6570;
    --hy-akcent: #313195;
    --hy-na-akcencie: #FFFFFF;
    --hy-akcent-tlo: #E7F4FB;
    --hy-luk-1: #2B3035;
    --hy-luk-2: #6E757C;
    --hy-luk-3: #A3A9AF;
    --hy-woda: #00ADEF;
    --hy-woda-gleboka: #313195;
    --hy-dane-napelnienie: #0087C2;
    --hy-dane-przeplyw: #1E2328;
    --hy-dane-predkosc: #6E757C;
    --hy-dane-temperatura: #B4501F;
    --hy-dane-temp-powietrza: #6B3FA0;
    --hy-dane-opad: #3A6EA5;
    --hy-wzorzec: #15803D;
    --hy-prognoza: #313195;
    --hy-siatka: #E3E8EB;
    --hy-sygnal: #9A5B00;
    --hy-blad: #B42318;
    --hy-grafit: #22272B;
    color-scheme: light;
  }
}