/* ==========================================================================
   _tokeny.css — jedyne miejsce, w którym w tej aplikacji stoi wartość koloru,
   odstępu, promienia albo cienia (etap U1, punkt 2 planu UI).

   ZASADA: w `motyw.css` i `aplikacja.css` nie ma ani jednej wartości wpisanej
   na sztywno. Wszystko idzie przez zmienne z bloku `:root` poniżej. Jeśli
   przy pisaniu komponentu brakuje tokenu — token dokłada się TUTAJ, a nie
   liczba w komponencie.

   Źródło wartości: `docs/prototypy-ui/motyw.css`, blok `:root`, zatwierdzony
   przez Przemka 27.08.2026. Prototypy są specyfikacją, nie propozycją —
   liczby nie są tu dobierane od nowa.

   --------------------------------------------------------------------------
   KONTRAST — współczynniki wyliczone (WCAG 2.2 AA: 4.5:1 dla tekstu, 3:1 dla
   dużego tekstu oraz dla obwódek kontrolek i wskaźników stanu, SC 1.4.3
   i SC 1.4.11). Liczby przeliczone od nowa w etapie U1, nie przepisane:

       biel na marce #d9230f ...................... 5.00:1   AA tekst
       biel na marce ciemnej #a81a0b .............. 7.45:1   AA + AAA
       biel na marce ciemniejszej #7d1308 ......... 10.67:1  AA + AAA
       marka ciemna #a81a0b na białym (odnośnik) .. 7.45:1   AA + AAA
       marka ciemniejsza #7d1308 na białym ........ 10.67:1  AA + AAA
       tekst #1b1f24 na białym .................... 16.56:1  AA + AAA
       tekst #1b1f24 na tle cichym #f6f7f8 ........ 15.44:1  AA + AAA
       tekst #1b1f24 na tle marki #fdece9 ......... 14.47:1  AA + AAA
       tekst cichy #545d67 na białym .............. 6.69:1   AA tekst
       tekst cichy #545d67 na tle cichym .......... 6.24:1   AA tekst
       tekst cichy #545d67 na tle wyłączonym ...... 5.75:1   AA tekst
       błąd #b3140b na białym ..................... 6.95:1   AA tekst
       błąd #b3140b na tle błędu #fdecea .......... 6.08:1   AA tekst
       sukces #17692f na tle sukcesu #e7f4ec ...... 5.99:1   AA tekst
       ostrzeżenie #6a4a00 na tle #fff5da ......... 7.45:1   AA + AAA
       informacja #0b5f80 na tle #e6f3f9 .......... 6.26:1   AA tekst
       biel na tle usuwania #b3140b ............... 6.95:1   AA tekst
       obwódka pola #6b747d na białym ............. 4.75:1   AA obwódka (>3:1)
       obwódka pola #6b747d na tle cichym ......... 4.43:1   AA obwódka (>3:1)
       pierścień skupienia #1b1f24 na białym ...... 16.56:1  AA obwódka
       pierścień skupienia biały na marce ......... 5.00:1   AA obwódka

   Dwie wartości są CELOWO poniżej 3:1 i żadna z nich nie jest przeoczeniem:

       obwódka dekoracyjna #cbd2d9 na białym ...... 1.53:1
       obwódka ostrzeżenia #d9831f na tle #fff5da . 2.68:1

   Jedna wartość z prototypu **została odrzucona** i nie ma jej w motywie:
   pozycje menu przygaszone `opacity: 0.92`. Biel wygaszona do 92% na tle marki
   daje 4.41:1, czyli poniżej progu 4.5:1 dla zwykłego tekstu. Pozycje menu są
   więc pełną bielą (5.00:1), a pozycję bieżącą odróżnia pogrubienie
   i podkreślenie — patrz `aplikacja.css`, sekcja 2.

   Pierwsza rozdziela obszary (ramki kart, linie poziome) i nie niesie żadnej
   informacji. Druga jest lewą krawędzią pudełka komunikatu — znaczenie
   komunikatu niosą tekst (7.45:1) i ikona, nigdy sam kolor krawędzi.
   SC 1.4.11 obejmuje to, po czym poznaje się kontrolkę i jej stan, a nie
   dekorację. Dlatego pola formularzy mają własny, mocniejszy token
   `--obwodka-pola` i nigdy nie sięgają po obwódkę dekoracyjną.

   --------------------------------------------------------------------------
   Motyw jest jasny i tylko jasny. Wersja 1.0 ma `data-bs-theme="light"`
   przypisane na stałe, a tryb ciemny jest jawnie poza zakresem (sekcja 3
   planu UI). Nie dokładaj tu bloku `prefers-color-scheme`.
   ========================================================================== */

:root {
  /* --- marka: kolor zostaje, decyzja 1 Przemka z 26.08.2026 --- */
  --marka: #d9230f;
  --marka-ciemna: #a81a0b;
  --marka-ciemniejsza: #7d1308;
  --marka-tlo: #fdece9;
  /* Tekst i obrys kładzione NA kolorze marki albo na kolorze błędu. Osobny token,
     a nie `--tlo`: to jest kolor pisma, nie kolor podłoża, i przy ewentualnej zmianie
     tła strony ma zostać biały. */
  --tekst-na-marce: #ffffff;

  /* --- neutralne --- */
  --tlo: #ffffff;
  --tlo-ciche: #f6f7f8;
  --tlo-wylaczone: #eceef0;
  --tekst: #1b1f24;
  --tekst-cichy: #545d67;
  --obwodka-dekoracyjna: #cbd2d9;
  --obwodka-pola: #6b747d;

  /* --- znaczeniowe --- */
  --blad: #b3140b;
  --blad-tlo: #fdecea;
  --blad-najechany: #8f0f08;
  --blad-wcisniety: #6d0b06;
  --sukces: #17692f;
  --sukces-tlo: #e7f4ec;
  --ostrzezenie: #6a4a00;
  --ostrzezenie-tlo: #fff5da;
  --ostrzezenie-obwodka: #d9831f;
  --informacja: #0b5f80;
  --informacja-tlo: #e6f3f9;

  /* --- skupienie klawiatury (dodatek 8 z sekcji 7 planu) --- */
  --pierscien: var(--tekst);
  --pierscien-na-marce: var(--tekst-na-marce);
  --pierscien-grubosc: 3px;
  --pierscien-odstep: 2px;

  /* --- odstępy --- */
  --odstep-1: 0.25rem;
  --odstep-2: 0.5rem;
  --odstep-3: 1rem;
  --odstep-4: 1.5rem;
  --odstep-5: 2rem;

  /* --- promienie i cienie --- */
  --promien: 0.375rem;
  --promien-maly: 0.25rem;
  --cien-karty: 0 1px 2px rgba(27, 31, 36, 0.08);
  --cien-paska: 0 1px 0 rgba(27, 31, 36, 0.15);

  /* --- typografia --- */
  --krok-tekstu: 1rem;
  --krok-tekstu-maly: 0.875rem;
  --krok-tekstu-duzy: 1.125rem;
  --kod-bledu-krok: 2.5rem;
  --wysokosc-linii: 1.55;

  /* --- ikony (sprite `icons/ikony.svg`) --- */
  --ikona: 1rem;
  --ikona-srednia: 1.25rem;
  --ikona-duza: 1.75rem;
  /* Zsunięcie ikony w dół, żeby stanęła w linii pierwszego wiersza tekstu obok,
     a nie przy górnej krawędzi pudełka. */
  --wyrownanie-ikony: 0.15rem;

  /* --- szerokości --- */
  --szerokosc-formularza: 30rem;
  --szerokosc-tresci: 60rem;
}