/* ===========================================================================
   00 — TOKENY

   Jedyne miejsce, w którym zapisane są wartości systemu projektowego.
   Wszystkie pochodzą ze specyfikacji wyekstrahowanej programowo z makiet
   (docs/superpowers/specs/2026-08-04-system-projektowy-eos.md), nie z oceny
   wzrokowej. Liczby w komentarzach to liczba wystąpień w makietach — pokazują,
   co jest wzorcem, a co wyjątkiem.

   ⚠ ŻADEN INNY ARKUSZ NIE ZAPISUJE WARTOŚCI WPROST. Jeśli gdzieś pojawia się
     `#00001c` zamiast `var(--eos-atrament)`, to błąd: zmiana systemu przestaje
     być jedną zmianą w jednym miejscu.
   =========================================================================== */

:root {
  /* ── Barwy bazowe ─────────────────────────────────────────────────────── */
  --eos-atrament: #00001c;          /* tekst, ciemne pasy, nagłówki tabel */
  --eos-tlo: #f7f5f0;               /* tło strony; na ciemnym — kolor tekstu */
  --eos-blekit: #1717de;            /* odsyłacze, etykiety rubryk, akcent */
  --eos-blekit-ciemny: #050554;     /* odsyłacz najechany */
  --eos-blekit-jasny: #94bdfc;      /* akcent na ciemnym, tło wyróżnienia */
  --eos-biel: #ffffff;              /* karty i kafle */

  /* ── Drabinka krycia atramentu ────────────────────────────────────────────
     Projekt nie używa osobnych szarości — każdy stopień to atrament z kryciem.
     To celowe: wszystkie szarości są wtedy zimne i spójne z granatem. */
  --eos-atrament-03: rgba(0, 0, 28, .03);   /* co drugi wiersz tabeli */
  --eos-atrament-08: rgba(0, 0, 28, .08);   /* linie wewnątrz kart */
  --eos-atrament-10: rgba(0, 0, 28, .10);   /* linia nad drugim rzędem nawigacji */
  --eos-atrament-12: rgba(0, 0, 28, .12);   /* PODSTAWOWA linia: karty, separatory (61×) */
  --eos-atrament-14: rgba(0, 0, 28, .14);   /* linia pod nagłówkiem strony */
  --eos-atrament-16: rgba(0, 0, 28, .16);   /* pionowe separatory nawigacji */
  --eos-atrament-28: rgba(0, 0, 28, .28);   /* pola formularza */
  --eos-atrament-30: rgba(0, 0, 28, .30);   /* pigułki */
  --eos-atrament-50: rgba(0, 0, 28, .50);
  /* ⚠ `-50` TO TOKEN LINII, NIE TEKSTU. Na pergaminie daje 3,85:1 — poniżej
     progu 4,5:1 dla pisma poniżej 24 px. Najniższe krycie nadające się na
     tekst to `-55` (4,58:1), a z zapasem `-60` (5,49:1). Wyliczone. */   /* numery stron, okruszki */
  --eos-atrament-55: rgba(0, 0, 28, .55);   /* podpisy */
  --eos-atrament-60: rgba(0, 0, 28, .60);   /* etykiety w kartach, afiliacje */
  --eos-atrament-65: rgba(0, 0, 28, .65);
  --eos-atrament-70: rgba(0, 0, 28, .70);   /* pozycje nawigacji */
  --eos-atrament-72: rgba(0, 0, 28, .72);   /* tekst drugoplanowy */
  --eos-atrament-75: rgba(0, 0, 28, .75);

  /* ── Drabinka krycia pergaminu (na ciemnym tle) ───────────────────────── */
  --eos-tlo-16: rgba(247, 245, 240, .16);   /* linia w stopce */
  --eos-tlo-35: rgba(247, 245, 240, .35);
  --eos-tlo-45: rgba(247, 245, 240, .45);   /* obramowanie przycisku konturowego */
  --eos-tlo-50: rgba(247, 245, 240, .50);   /* kreska pod odsyłaczem w pasku */
  --eos-tlo-70: rgba(247, 245, 240, .70);
  --eos-tlo-78: rgba(247, 245, 240, .78);   /* tekst w hero */
  --eos-tlo-80: rgba(247, 245, 240, .80);
  --eos-tlo-85: rgba(247, 245, 240, .85);   /* odsyłacze w stopce */

  /* Tło wyróżnienia (pas wezwania, notka pod kontami). */
  --eos-wyroznienie: rgba(148, 189, 252, .28);

  /* ── Kroje ────────────────────────────────────────────────────────────────
     Trzy kroje o ROZŁĄCZNYCH rolach — to one niosą charakter projektu:
       etykieta  → wyłącznie kapitaliki (nawigacja, etykiety, przyciski) 130×
       szeryf    → wyłącznie nagłówki i tytuły, niemal zawsze kursywą        49×
       bezszeryf → tekst ciągły
     ⚠ Krój nigdy nie wychodzi poza swoją rolę. */
  --eos-etykieta: "Tenor Sans", Georgia, serif;
  --eos-szeryf: Lora, Georgia, "Times New Roman", serif;
  --eos-bezszeryf: Karla, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ── Skala pisma ──────────────────────────────────────────────────────── */
  --eos-pismo-10: 10px;   /* podtytuł sygnatury, wydawca na okładce */
  --eos-pismo-11: 11px;   /* NAJCZĘSTSZY (88×): etykiety kapitalikami */
  --eos-pismo-12: 12px;   /* etykiety rubryk, nagłówki działów */
  --eos-pismo-13: 13px;   /* przyciski wtórne, podpisy w kartach */
  --eos-pismo-14: 14px;   /* podpisy, autorzy, dane w kartach (39×) */
  --eos-pismo-15: 15px;   /* treść drugoplanowa, stopka (26×) */
  --eos-pismo-16: 16px;   /* tekst ciągły (21×) */
  --eos-pismo-17: 17px;   /* akapit w hero */
  --eos-pismo-18: 18px;   /* abstrakt */
  --eos-pismo-19: 19px;   /* nazwisko autora na stronie artykułu */
  --eos-pismo-20: 20px;
  --eos-pismo-21: 21px;   /* tytuł pozycji spisu treści */
  --eos-pismo-25: 25px;   /* tytuł aktualności */
  --eos-pismo-26: 26px;
  --eos-pismo-30: 30px;   /* sygnatura, rocznik na kaflu */
  --eos-pismo-34: 34px;   /* numer kroku publikacji */
  --eos-pismo-38: 38px;   /* sygnatura w stopce */
  --eos-pismo-44: 44px;   /* nagłówek sekcji */
  --eos-pismo-52: 52px;   /* tytuł artykułu */
  --eos-pismo-62: 62px;   /* „Eos" na okładce */
  --eos-pismo-64: 64px;   /* nagłówek hero */

  /* ── Grubości ─────────────────────────────────────────────────────────────
     ⚠ Karla i Lora są ZMIENNE. Deklaracja `@font-face` musi podawać ZAKRES
       (`font-weight: 300 800`), nie pojedynczą wagę — osobny blok na każdą wagę
       wskazujący ten sam plik sprawia, że przeglądarka traktuje je jak jeden
       krój i hierarchia grubości znika (sprawdzone pomiarem: 300, 400 i 500
       renderowały się identycznie). Patrz `fonty.css`. */
  --eos-waga-zwykla: 400;
  --eos-waga-srednia: 500;   /* nagłówki sekcji, sygnatura */
  --eos-waga-polgruba: 600;  /* tytuły pozycji spisu, tytuły aktualności */

  /* ── Światło literowe ─────────────────────────────────────────────────────
     ⚠ Kapitaliki ZAWSZE ze światłem, minimum .14em. Kapitaliki bez
       rozstrzelenia wyglądają na pomyłkę składu. */
  --eos-swiatlo-ciasne: -.02em;  /* duże nagłówki szeryfowe (44 px i większe) */
  --eos-swiatlo-14: .14em;       /* pigułki, numery stron, odsyłacze do plików */
  --eos-swiatlo-16: .16em;       /* nawigacja, przyciski, etykiety kart */
  --eos-swiatlo-18: .18em;       /* pasek ogłoszeniowy, nagłówki kart */
  --eos-swiatlo-20: .20em;
  --eos-swiatlo-24: .24em;       /* nagłówki działów w spisie treści */
  --eos-swiatlo-32: .32em;       /* etykiety rubryk nad nagłówkami sekcji */

  /* ── Interlinia ───────────────────────────────────────────────────────── */
  --eos-interlinia-1: 1;         /* sygnatura, rocznik */
  --eos-interlinia-tytul: 1.2;   /* duże nagłówki */
  --eos-interlinia-pozycja: 1.35;/* tytuły pozycji spisu */
  --eos-interlinia-tekst: 1.6;   /* tekst ciągły */
  --eos-interlinia-luzna: 1.65;  /* abstrakt */

  /* ── Odstępy ──────────────────────────────────────────────────────────── */
  --eos-odstep-2: 2px;    /* przerwa między kartami w siatkach — celowo minimalna */
  --eos-odstep-4: 4px;
  --eos-odstep-7: 7px;    /* tytuł ↔ autor w pozycji spisu (40×) */
  --eos-odstep-8: 8px;
  --eos-odstep-10: 10px;
  --eos-odstep-12: 12px;
  --eos-odstep-14: 14px;
  --eos-odstep-16: 16px;
  --eos-odstep-18: 18px;
  --eos-odstep-20: 20px;
  --eos-odstep-22: 22px;
  --eos-odstep-24: 24px;  /* wypełnienie karty bocznej */
  --eos-odstep-26: 26px;  /* wypełnienie kafla archiwum */
  --eos-odstep-28: 28px;  /* wypełnienie karty kroku */
  --eos-odstep-30: 30px;
  --eos-odstep-32: 32px;  /* wypełnienie karty kont, odstęp w nagłówku */
  --eos-odstep-40: 40px;  /* margines boczny kontenera */
  --eos-odstep-44: 44px;  /* nagłówek sekcji ↔ treść */
  --eos-odstep-56: 56px;  /* przerwa między kolumnami */
  --eos-odstep-64: 64px;  /* przerwa w hero i na stronie artykułu */
  --eos-odstep-72: 72px;  /* wypełnienie sekcji wąskiej */
  --eos-odstep-84: 84px;  /* wypełnienie hero */
  --eos-odstep-88: 88px;  /* WYPEŁNIENIE SEKCJI (górne i dolne) */

  /* ── Szerokości ───────────────────────────────────────────────────────── */
  --eos-kontener: 1240px;
  --eos-margines: var(--eos-odstep-40);
  --eos-bok: 300px;         /* kolumna boczna: aktualności, artykuł */
  --eos-bok-zeszyt: 290px;  /* kolumna boczna: spis treści zeszytu */
  --eos-okladka: 320px;

  /* ── Miary wiersza ────────────────────────────────────────────────────────
     ⚠ To nie ozdoba. Bez tych ograniczeń tekst rozjeżdża się na całą szerokość
       kolumny i traci czytelność, a nagłówki łamią się w innych miejscach niż
       w makiecie. */
  --eos-miara-hero: 15ch;
  --eos-miara-tytul-art: 22ch;
  --eos-miara-aktualnosc: 44ch;
  --eos-miara-pozycja: 52ch;
  --eos-miara-akapit: 66ch;

  /* ── Kształty ─────────────────────────────────────────────────────────────
     ⚠ Projekt jest konsekwentnie OSTROKRAWĘDZISTY. W całych makietach nie ma
       ANI JEDNEJ deklaracji cienia, a zaokrąglenie występuje wyłącznie na
       pigułkach. Każdy cień lub promień odziedziczony skądkolwiek jest błędem. */
  --eos-promien-pigulka: 999px;
  --eos-linia: 1px;
  --eos-linia-akcent: 3px;   /* lewa krawędź pasa wyróżnienia */
  --eos-linia-nawigacja: 2px;/* podkreślenie pozycji aktywnej */
}