/* ============================================================
   ZPP TOKENS — wspólne zmienne systemu wizualnego
   ============================================================
   Z Potrzeby Piękna / mizu-child

   Ten plik NIE STYLUJE NICZEGO. Zawiera wyłącznie deklaracje
   zmiennych CSS z prefiksem --zpp-. Jest ładowany jako zależność
   wyłącznie tam, gdzie działa Żurnal albo jawnie wskazana strona
   informacyjna. Nie dokłada osobnego requestu na reszcie sklepu.

   ZASADA: nowa reguła wyglądu NIGDY nie trafia tutaj.
   Tu wchodzą tylko nazwane wartości. Wygląd mieszka w
   zurnal.css albo content-pages.css.

   Wartości pochodzą z planu „System wizualny sklepu i Żurnalu”.
   Zmiana wartości tutaj przenosi się na wszystkie moduły
   korzystające z systemu — to jest cel tego pliku.
   ============================================================ */

:root {
  /* --- kolory ---------------------------------------------- */
  --zpp-bg: #fff;      /* papier */
  --zpp-ink: #141414;   /* tekst podstawowy */
  --zpp-muted: #6d6c68; /* podpisy, informacje pomocnicze */
  --zpp-line: #d8d6cf; /* separatory */

  /* --- marginesy boczne i szerokości ----------------------- */
  /* Jeden margines boczny dla całego systemu. clamp rośnie
     z szerokością okna, więc nie potrzeba osobnych breakpointów. */
  --zpp-gutter: clamp(20px, 4.7vw, 72px);

  /* Szerokość szpalty tekstowej — długość wiersza dobrana pod
     czytelność, nie pod szerokość ekranu. */
  --zpp-text: 688px;

  /* Górna granica dla elementów pełnej szerokości (zdjęcia). */
  --zpp-wide: 1488px;

  /* --- skala odstępów -------------------------------------- */
  /* Jedna skala dla całego sklepu. Wartości pomiędzy stopniami
     nie są dozwolone — od tego zaczyna się rozjazd rytmu. */
  --zpp-space-1: 16px;
  --zpp-space-2: 24px;
  --zpp-space-3: 40px;
  --zpp-space-4: 64px;
  --zpp-space-5: 96px;
}