/* Tokeny systemu projektowego SEO TOOL (wersja 2).
   Wygenerowane z tokens.json systemu - zmiany wprowadzaj w systemie,
   a potem przegeneruj ten plik, zamiast poprawiać wartości ręcznie.

   Motyw: atrybut data-theme na <html>. Bez atrybutu obowiązuje jasny -
   ten sam, w którym pokazany jest system projektowy. "ciemny" wymusza
   ciemny, "system" idzie za ustawieniem systemu operacyjnego. */

:root, [data-theme="jasny"], [data-theme="system"] {
  color-scheme: light;
  /* Logo IndexRise (templates/brand/_znak.html) */
  --logo-korpus: #0d2b46;
  --logo-napis: #0d2b46;
  --tlo: #f6f6f3;
  --powierzchnia: #ffffff;
  --powierzchnia-2: #f2f1ed;
  --powierzchnia-3: #e8e7e2;
  --ramka: #e5e3dd;
  --ramka-kontrolki: #8e8b82;
  --tekst: #1b1a18;
  --tekst-2: #55534d;
  --tekst-3: #6b6961;
  --akcent: #1d5c80;
  --akcent-hover: #164a68;
  --akcent-tekst: #ffffff;
  --akcent-miekki: #e9f1f7;
  --akcent-miekki-hover: #d6e6f1;
  --akcent-miekki-tekst: #164a68;
  --fokus: #1d5c80;
  --fokus-poswiata: rgba(29,92,128,.18);
  --krytyczny-tlo: #fdf1f0;
  --krytyczny-ramka: #f5c7c2;
  --krytyczny-tekst: #a8231b;
  --krytyczny-mocny: #c9302c;
  --ostrzezenie-tlo: #fdf6e7;
  --ostrzezenie-ramka: #f1d08c;
  --ostrzezenie-tekst: #8f4a06;
  --ostrzezenie-mocny: #c26a06;
  --ok-tlo: #edf7f1;
  --ok-ramka: #b6dcc5;
  --ok-tekst: #1b6a41;
  --ok-mocny: #23864f;
  --info-tlo: #eef3fa;
  --info-ramka: #c5d5ec;
  --info-tekst: #2b5796;
  --info-mocny: #3b6db3;
  --antybot-tlo: #f3f1fb;
  --antybot-ramka: #d6cff1;
  --antybot-tekst: #5b3fa6;
  --antybot-mocny: #7356c9;
  --neutralny-tlo: #f2f1ed;
  --neutralny-ramka: #e0ded7;
  --neutralny-tekst: #55534d;
  --neutralny-mocny: #8a877e;
  --na-mocnym: #ffffff;
  --wykres-seria-1: #1d5c80;
  --wykres-seria-2: #c26a06;
  --wykres-seria-3: #23864f;
  --wykres-seria-4: #7356c9;
  --wykres-seria-5: #c9302c;
  --wykres-seria-6: #2f7f8f;
  --wykres-siatka: #ebe9e4;
  --wykres-slupek: #d7e3ec;
  --wykres-wypelnienie: rgba(29,92,128,.08);
  --cien-1: 0 1px 2px rgba(20,20,18,.05);
  --cien-2: 0 8px 24px rgba(20,20,18,.08), 0 2px 6px rgba(20,20,18,.05);
}

[data-theme="ciemny"] {
  color-scheme: dark;
  --logo-korpus: #d6e4ee;
  --logo-napis: #e6eef4;
  --tlo: #111110;
  --powierzchnia: #1a1a18;
  --powierzchnia-2: #222220;
  --powierzchnia-3: #2d2c29;
  --ramka: #2f2e2b;
  --ramka-kontrolki: #77746c;
  --tekst: #eeede8;
  --tekst-2: #b5b3aa;
  --tekst-3: #918f86;
  --akcent: #7cb8df;
  --akcent-hover: #9ccbea;
  --akcent-tekst: #0c1d28;
  --akcent-miekki: #152838;
  --akcent-miekki-hover: #1d3549;
  --akcent-miekki-tekst: #a7d0ec;
  --fokus: #7cb8df;
  --fokus-poswiata: rgba(124,184,223,.25);
  --krytyczny-tlo: #2b1513;
  --krytyczny-ramka: #5e241e;
  --krytyczny-tekst: #fca59d;
  --krytyczny-mocny: #f47067;
  --ostrzezenie-tlo: #2a1f0c;
  --ostrzezenie-ramka: #5b3f10;
  --ostrzezenie-tekst: #f7c56b;
  --ostrzezenie-mocny: #e9a23b;
  --ok-tlo: #10241a;
  --ok-ramka: #23503a;
  --ok-tekst: #86d6a9;
  --ok-mocny: #4dbf80;
  --info-tlo: #141f33;
  --info-ramka: #2b4166;
  --info-tekst: #a9c6f0;
  --info-mocny: #7ea8e6;
  --antybot-tlo: #1e1a33;
  --antybot-ramka: #3e3570;
  --antybot-tekst: #c2b6f5;
  --antybot-mocny: #a18cf0;
  --neutralny-tlo: #222220;
  --neutralny-ramka: #3a3935;
  --neutralny-tekst: #b5b3aa;
  --neutralny-mocny: #76736b;
  --na-mocnym: #141413;
  --wykres-seria-1: #7cb8df;
  --wykres-seria-2: #e9a23b;
  --wykres-seria-3: #4dbf80;
  --wykres-seria-4: #a18cf0;
  --wykres-seria-5: #f47067;
  --wykres-seria-6: #6cc3d1;
  --wykres-siatka: #2a2926;
  --wykres-slupek: #26384a;
  --wykres-wypelnienie: rgba(124,184,223,.12);
  --cien-1: 0 1px 2px rgba(0,0,0,.35);
  --cien-2: 0 8px 24px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.35);
}

@media (prefers-color-scheme: dark) {
  [data-theme="system"] {
    color-scheme: dark;
    --logo-korpus: #d6e4ee;
    --logo-napis: #e6eef4;
    --tlo: #111110;
    --powierzchnia: #1a1a18;
    --powierzchnia-2: #222220;
    --powierzchnia-3: #2d2c29;
    --ramka: #2f2e2b;
    --ramka-kontrolki: #77746c;
    --tekst: #eeede8;
    --tekst-2: #b5b3aa;
    --tekst-3: #918f86;
    --akcent: #7cb8df;
    --akcent-hover: #9ccbea;
    --akcent-tekst: #0c1d28;
    --akcent-miekki: #152838;
    --akcent-miekki-hover: #1d3549;
    --akcent-miekki-tekst: #a7d0ec;
    --fokus: #7cb8df;
    --fokus-poswiata: rgba(124,184,223,.25);
    --krytyczny-tlo: #2b1513;
    --krytyczny-ramka: #5e241e;
    --krytyczny-tekst: #fca59d;
    --krytyczny-mocny: #f47067;
    --ostrzezenie-tlo: #2a1f0c;
    --ostrzezenie-ramka: #5b3f10;
    --ostrzezenie-tekst: #f7c56b;
    --ostrzezenie-mocny: #e9a23b;
    --ok-tlo: #10241a;
    --ok-ramka: #23503a;
    --ok-tekst: #86d6a9;
    --ok-mocny: #4dbf80;
    --info-tlo: #141f33;
    --info-ramka: #2b4166;
    --info-tekst: #a9c6f0;
    --info-mocny: #7ea8e6;
    --antybot-tlo: #1e1a33;
    --antybot-ramka: #3e3570;
    --antybot-tekst: #c2b6f5;
    --antybot-mocny: #a18cf0;
    --neutralny-tlo: #222220;
    --neutralny-ramka: #3a3935;
    --neutralny-tekst: #b5b3aa;
    --neutralny-mocny: #76736b;
    --na-mocnym: #141413;
    --wykres-seria-1: #7cb8df;
    --wykres-seria-2: #e9a23b;
    --wykres-seria-3: #4dbf80;
    --wykres-seria-4: #a18cf0;
    --wykres-seria-5: #f47067;
    --wykres-seria-6: #6cc3d1;
    --wykres-siatka: #2a2926;
    --wykres-slupek: #26384a;
    --wykres-wypelnienie: rgba(124,184,223,.12);
    --cien-1: 0 1px 2px rgba(0,0,0,.35);
    --cien-2: 0 8px 24px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.35);
  }
}

:root {
  --odstep-2: 2px;
  --odstep-4: 4px;
  --odstep-8: 8px;
  --odstep-12: 12px;
  --odstep-16: 16px;
  --odstep-24: 24px;
  --odstep-32: 32px;
  --odstep-48: 48px;
  --promien-4: 4px;
  --promien-6: 6px;
  --promien-8: 8px;
  --promien-12: 12px;
  --promien-pelny: 999px;
  --szerokosc-paska-bocznego: 240px;
  --szerokosc-tresci: 1320px;
  --szerokosc-logowania: 380px;
  --wysokosc-kontrolki: 36px;
  --wysokosc-kontrolki-mala: 28px;
  --wysokosc-wiersza: 48px;
  --wysokosc-wiersza-gestego: 36px;
  --przytnij-adres: 380px;
  --przelom-tablet: 960px;
  --przelom-telefon: 640px;
  --font-sans: "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Cascadia Code", "Cascadia Mono", ui-monospace, "SF Mono", Consolas, monospace;
}