/* ==========================================================================
   nis2-marka.css - jedno zrodlo wartosci marki dla calego serwisu

   Ladowany jako PIERWSZY, przed kazdym innym arkuszem i przed lokalnym
   <style> strony. Nic tu nie maluje. Sa tu wylacznie wartosci.

   Powod powstania (29.07.2026): serwis mial DWA rownolegle systemy.
   Landing stal na landing-v5.css, a podstrony na nis2-tokens.css. Te dwa
   zestawy byly ze soba sprzeczne w rzeczy podstawowej, czyli w roli koloru:
   w nis2-tokens "--akcja" to turkus, a landing celowo przeniosl akcje na
   burgund, zostawiajac turkusowi role wyniku. Do tego promien maly miał
   3 px w jednym i 6 px w drugim, a szerokosc tresci 1280 kontra 1180.

   Skutkiem nie byla duplikacja, tylko rozjazd. Kazda strona powoli
   odchodzila od pozostalych, a wyrownywanie ich recznie po jednej
   wartosci nie ma konca.

   Kanoniczne sa wartosci z landingu, bo tam decyzje zapadaly ostatnie
   i tam sa najlepiej opisane. Zobacz docs/SPOJNOSC-WIZUALNA.md.

   KOMPLET TOKENOW SCIAGNIETY TUTAJ 09.08.2026

   Do tego dnia plik deklarowal sie jako zrodlo prawdy i nim nie byl.
   nis2-strona-glowna.css mial wlasny `:root` z tymi samymi 26 tokenami
   o identycznych wartosciach, a ladowal sie pozniej, wiec wygrywal kazdy
   z nich. Zmiana wartosci TUTAJ nie robila na landingu nic; zeby cokolwiek
   przestawic, trzeba bylo poprawiac w dwoch miejscach naraz i pamietac,
   ze jedno z nich jest pozorne.

   Doszly przy okazji cztery tokeny, ktore stały wylacznie w arkuszu strony
   glownej: dwa stopnie liczby oraz para wartosci bazowych akcentu.
   Warianty `data-akcent` tez sa tutaj, bo to sa wartosci, nie malowanie.

   KOLEJNOSC W TYM PLIKU MA ZNACZENIE. `:root` i `[data-akcent="..."]` maja
   te sama specyficznosc (0,1,0), wiec o wyniku decyduje to, co stoi nizej.
   Blok wariantu musi zostac pod `:root`, inaczej przestanie dzialac.
   ========================================================================== */

:root {
  /* --- role kolorow. Rola, nie upodobanie --------------------------------- */

  /* akcja: przyciski i odnosniki. Nigdy podkreslenie ani tlo informacyjne */
  --akcent:        #991919;
  --akcent-ciemny: #6B0F0F;

  /* wynik i struktura: to, co juz rozstrzygniete */
  --wynik:         #087F78;
  --wynik-ciemny:  #0F766E;

  /* przelamanie: element poza ciagiem */
  --fiolet:        #4B2E57;
  --fiolet-jasny:  #8B6B98;

  /* termin, data, czas */
  --przelamanie:   #7D5820;

  /* Wartosci podstawowe akcentu i przelamania w osobnych tokenach. Blok na
     ciemnym tle wyprowadza z nich warianty jasniejsze przez color-mix
     i bez tej pary robilby odwolanie cykliczne do samego siebie.

     Zloto ma dwa warianty i to nie jest ozdoba: #B9852F daje na bieli 3,25
     przy wymaganych 4,5, wiec pod tekst na jasnym tle idzie ciemniejsze
     #7D5820 (6,39). Jasne zostaje tutaj, dla ciemnych plaszczyzn. */
  --akcent-baza:       #991919;
  --przelamanie-baza:  #B9852F;

  /* --- powierzchnie i tekst ---------------------------------------------- */
  --tlo:        #FFFFFF;
  /* turkus 5 proc. na bieli, nie neutralny szary: #F3F5F6 czytal sie jako
     brak koloru i gasil sekcje. Bez i krem odpadaja osobno (Teresa 28.07) */
  --tlo-cichy:  #F3F9F8;
  --atrament:   #17233D;
  --atrament-2: #3A4557;
  /* przyciemniony: na bieli 4,83, ale na cichym tle sekcji spadalo do 4,40,
     czyli pod prog 4,5. Teraz 4,88 */
  --szept:      #646B78;
  --wlos:       #E7E4DE;
  --wlos-mocny: #17233D;

  /* --- ksztalt ------------------------------------------------------------ */
  /* Promien idzie za ramka: karta z ramka dostaje --promien, element bez
     ramki zostaje przy zerze. Przyciski maja wlasny, mniejszy.

     Zaokraglenia weszly 28.07.2026 na prosbe Teresy ("ramki na bokach oble,
     a nie kanciaste, zeby bylo przyjemniej"). Kanon kolory-elev8.json mowi
     "zero zaokraglen i zero cieni w materialach firmowych". To jest swiadome
     odstepstwo na prosbe wlascicielki marki, trzymane w dwoch tokenach, wiec
     powrot to wpisanie zera. Cieni nadal nie ma. */
  --promien:      8px;
  --promien-maly: 6px;

  /* --- miara i rytm ------------------------------------------------------- */
  --miara: 1180px;
  /* Rytm sciety 27.07.2026 z clamp(72px, 9vw, 128px). Strona po scaleniu
     tresci miala 19 ekranow, a oddech byl liczony dla wersji o polowe
     krotszej. Odstep miedzy sekcjami nadal jest wiekszy niz wewnatrz nich,
     wiec grupowanie dziala. */
  --rytm:  clamp(52px, 5.6vw, 84px);

  /* --- skala pisma --------------------------------------------------------
     Siedem stopni tekstu i dwa stopnie liczby. Nic poza tym nie ma prawa
     wystapic w arkuszach. Jesli cos nie miesci sie w skali, to znaczy, ze
     element ma nieustalona role, a nie ze potrzebuje wlasnego rozmiaru.
     Zadnych wartosci wprost w regule, zadnych polowek piksela (decyzja
     28.07.2026: strona miala 32 rozne rozmiary, w tym szesc nieodroznialnych
     rozmiarow naglowka sekcji).

       t-hero    jedyny h1
       t-dzial   naglowek sekcji i zdanie-przerywnik
       t-karta   naglowek karty, wiersza, pytania w FAQ
       t-lid     akapit prowadzacy pod naglowkiem
       t-tekst   tekst ciagly, etykiety przyciskow, tabela
       t-nota    przypis, podpis, metadane, nawigacja, stopka
       t-etyk    etykieta wersalikowa nad naglowkiem i w kartach
     ---------------------------------------------------------------------- */
  --t-hero:  clamp(34px, 4.1vw, 48px);
  --t-dzial: clamp(27px, 3.2vw, 37px);
  --t-karta: clamp(19px, 2.1vw, 23px);
  --t-lid:   clamp(17px, 1.4vw, 19px);
  --t-tekst: 16px;
  --t-nota:  14px;
  --t-etyk:  13px;

  /* Licznik mial 2,4 px roznicy od h1 przy 1200 px, czyli oba najwieksze
     elementy otwarcia byly praktycznie rowne i zaden nie prowadzil. Zejscie
     o stopien oddaje pierwszenstwo naglowkowi. Stopien xl to zegar
     incydentowy, jedyne miejsce w tej skali. */
  --t-liczba:    clamp(30px, 3.1vw, 40px);
  --t-liczba-xl: clamp(56px, 8vw, 92px);

  /* --- kroje -------------------------------------------------------------- */
  /* Caly serwis w Outfit (10.08.2026). Wczesniej tekst szedl w Inter,
     bo lepiej czytalo sie na ekranie przy 16 px; kanon marki wymienial
     rowniez Montserrat. Decyzja 10.08.: jeden kroj dla wszystkiego,
     Outfit, dzieki czemu naglowki i tekst zgadzaja sie krojem. */
  --pismo-naglowek: Outfit, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --pismo-tekst:    Outfit, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* --- warianty akcentu ------------------------------------------------------
   Wszystkie wartosci z kanonu kolory-elev8.json. Obowiazuje burgund,
   ustawiany atrybutem `data-akcent` na <html>. Reszta zostaje jako
   definicja: zmiana wariantu to podmiana jednego slowa w HTML.
   Przelacznika w interfejsie nie ma (decyzja 27.07.2026).

   ZIELENI I FIOLETU JAKO PARY TU NIE MA I NIE MOGA WROCIC.

   Teresa napisala 27.07, ze zielen z fioletem to jej marka osobista i nie
   chce jej mieszac z firmowa. Zapisane w commicie 62ca13f. Mimo to zestaw
   wrocil wieczorem 27.07 (zielen plus fiolet), a rano 28.07 zmienil sie na
   teal plus fiolet. Obie wersje lamaly te prosbe. Stad jej "brakuje
   dominujacego koloru" i to, ze v2 na burgundzie podobal jej sie bardziej.

   TRZY KOLORY PRZEWODNIE poza czernia i biela (Teresa, nagranie 28.07):
   "Ktore nie beda blade, bo blade jest zlo. Kolory musza byc wyraziste."

     --akcent       burgund #991919  88 proc. nasycenia   ZROB TO
     --wynik        turkus  #087F78  88 proc. nasycenia   TO JUZ JEST
     --przelamanie  zloto   #7D5820  60 proc. nasycenia   KIEDY

   Turkus zamiast zieleni #3B5444, ktora miala 16 proc. nasycenia, czyli byla
   dokladnie tym "bladym", o ktore Teresa sie potknela. Jej opis: "turkus,
   zielony pomiedzy niebieskim, zywszy". Kontrast 4,86 na bieli, wiec
   przechodzi prog dla tekstu.

   Czerwien zostaje wyrazista, ale ograniczona: "przyciski moga byc na
   czerwone, ale czerwony podkreslen nie stosuj, czerwien jest agresywna".

   Wariant blekitny zostaje wylacznie jako awaryjny, gdyby burgund okazal sie
   za mocny.

   Ciemniejszy turkus na kolorowe tla: na kaflu oferty (4 proc. akcentu)
   podstawowy #087F78 daje 4,54, czyli ledwo nad progiem, a znaczniki maja
   13 px. Ciemniejszy #0F766E daje 5,11.
   -------------------------------------------------------------------------- */

[data-akcent="burgund"] { --akcent:#991919; --akcent-ciemny:#6B0F0F; --przelamanie:#7D5820;
                          --wynik:#087f78; --wynik-ciemny:#0f766e;
                          --fiolet:#4B2E57; --fiolet-jasny:#8B6B98;
                          --akcent-baza:#991919; --przelamanie-baza:#B9852F; }
[data-akcent="blekit"]  { --akcent:#3168A6; --akcent-ciemny:#24507F; --przelamanie:#7D5820;
                          --wynik:#087f78; --wynik-ciemny:#0f766e;
                          --fiolet:#4B2E57; --fiolet-jasny:#8B6B98;
                          --akcent-baza:#3168A6; --przelamanie-baza:#B9852F; }

/* Swiadomie NIE ma tu aliasow w rodzaju "--ink: var(--atrament)".
   Podstrony maja wlasne nazwy i po sprawdzeniu 29.07.2026 ich wartosci sa
   identyczne z tymi wyzej: --ink to #17233D, --line to #E7E4DE,
   --line-strong to #17233D. Alias niczego by nie naprawil, a dwie nazwy
   rozjezdzaja sie na pewno: --ink-soft ma na podstronach #3A4557, czyli
   --atrament-2, nie --szept, a --serif na webinarze wskazuje na Inter,
   nie na Outfit. Alias przemalowalby oba po cichu.

   Ujednolicenie nazw to osobna robota, do zrobienia raz, z pomiarem.
   Do tego czasu arkusze komponentow uzywaja nazw z tego pliku. */