/* ══════════════════════════════════════════════════════════════════════
   PALETA I KROJE — JEDNO ŹRÓDŁO PRAWDY

   Po co ten plik istnieje: te same zmienne stały wcześniej w CZTERECH
   miejscach (MOCKUP-MARGIN-v8.html, kalkulator.css, PANEL.html, 404.html)
   i już się rozjechały — `--ink` był raz `#080a0b`, raz `#08090a`,
   `--paper` raz `#f5f3ed`, raz `#f7f5f0`. Zmiana koloru wymagała czterech
   edycji i cicho gubiła jedną z nich. Teraz jest jeden plik.

   ────────────────────────────────────────────────────────────────────
   ZŁOTO MA CZTERY ODCIENIE, BO PEŁNI CZTERY ROLE O RÓŻNYCH PROGACH.
   Jedna wartość nie może ich obsłużyć: rozjaśnienie, które poprawia
   czytelność ciemnego tekstu NA złocie, jednocześnie psuje czytelność
   złotego tekstu NA jasnym tle. Liczby poniżej to kontrasty ZMIERZONE
   względem tła strony (#f6f2e9), nie oszacowania.

     --gold    #c9a24e  powierzchnie: aktywny znacznik, przycisk główny,
                        kropki listy, wypełnienie paska.
                        Ciemny tekst na nim: 7,25:1 (próg 4,50) ✓
     --gold-m  #a8834a  duży tekst ozdobny — wyróżniony wiersz nagłówka.
                        3,13:1 (próg dla dużego tekstu 3,00) ✓
                        Jaśniej NIE WOLNO: #c9a24e daje tu 2,15:1.
     --gold-d  #7f6130  mały tekst i elementy interaktywne na jasnym tle:
                        nadkreski, odnośniki, etykiety. 5,14:1 ✓
     --gold-l  #e0c084  tekst na ciemnym tle (pasek, stopka, sekcja
                        ciemna) oraz tło przycisku po najechaniu.
                        Na pasku #23201b: 9,31:1 ✓
   ────────────────────────────────────────────────────────────────────
   ══════════════════════════════════════════════════════════════════════ */

:root{
  /* ── powierzchnie ciemne: pasek, stopka, sekcja kontrastowa ──
     Ciepły grafit z domieszką brązu, nie neutralna szarość — szary pasek
     nad ciepłym papierem czytał się jak obca plansza nałożona na stronę. */
  --ink:#23201b;
  --ink2:#2c2822;
  --ink3:#343029;

  /* ── powierzchnie jasne ── */
  --paper:#f6f2e9;   /* tło strony: ciepła kość, nie biel */
  --white:#fffdf8;   /* karty na tle strony */

  /* ── tekst na jasnym tle ── */
  --t1:#1c1a16;      /* podstawowy — 14,9:1 na papierze */
  --t2:#5b554a;      /* drugorzędny — 6,3:1 */
  /* Bylo #7d766a (4,02:1 na papierze) z komentarzem „tylko do tekstu
     >= 16px" — i arkusz ten komentarz ignorowal, uzywajac go przy
     11-13 px w trzynastu miejscach. Zamiast pilnowac zasady, ktorej
     nikt nie pilnowal, wartosc wyrabia prog dla malego tekstu. */
  --t3:#71685c;      /* etykiety i podpisy — 4,84:1 na papierze, 5,32:1 na karcie */

  /* ── złoto: role opisane w komentarzu wyżej ── */
  --gold:#c9a24e;
  --gold-m:#a8834a;
  --gold-d:#7f6130;
  --gold-l:#e0c084;

  /* ── linie ──
     `--line*` na jasnym tle, `--lineW*` na ciemnym. */
  --line:rgba(28,26,22,.11);
  --line2:rgba(28,26,22,.19);
  --lineW:rgba(255,253,248,.12);
  --lineW2:rgba(255,253,248,.22);

  /* ── znaczenia ── */
  --ok:#2f6b4f;
  --warn:#8a6115;
  --risk:#a53f3f;

  /* ── kroje ──
     Jedna rodzina rysunku: Inter na tekst, Inter Tight na nagłówki.
     Kursywy nie ma w projekcie ANI JEDNEJ — patrz komentarz w fonty.css. */
  --fd:"Inter Tight","Inter","Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --f:"Inter","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
}