/* ==========================================================================
   Farmersi 2.0 — tokens.css
   Jedyne źródło prawdy dla palety, typografii, odstępów i cieni.
   Paleta wg docs/STYL.md + motyw "bazowy" z 1.0 (sepia, th=2).
   Zmiana wyglądu = zmiana zmiennej tutaj, nie w komponentach.
   ========================================================================== */

:root {
  /* --- Tła (sepia / krem) --------------------------------------------- */
  --tlo-krem: #f5ecd8;
  --tlo-sepia: #d9c8a9;
  --tlo-papier: #fbf6e9;
  --tlo-papier-ciemny: #efe4cb;
  --tlo-noc: #241a10;

  /* --- Tekst ----------------------------------------------------------- */
  --tekst: #3a2a1a;
  --tekst-mutowany: #6b573f;
  --tekst-jasny: #f5ecd8;

  /* --- Akcenty --------------------------------------------------------- */
  --akcent: #8b5a2b;
  --akcent-czerwony: #a83232;
  --akcent-zloto: #c9a227;
  --akcent-zielony: #5c7a4a;

  /* --- Linie i obramowania --------------------------------------------- */
  --linia: #c9b48c;
  --linia-mocna: #8b6f45;
  --linia-slaba: #e0d3b6;

  /* --- Cienie ---------------------------------------------------------- */
  --cien-1: 0 1px 2px rgba(58, 42, 26, 0.08);
  --cien-2: 0 2px 8px rgba(58, 42, 26, 0.12);
  --cien-3: 0 6px 20px rgba(58, 42, 26, 0.16);

  /* --- Typografia ------------------------------------------------------ */
  /* Nagłówki: „Rye” — font retro-western z STYL.md, hostowany lokalnie
     (żadnych zapytań do Google Fonts). Deklaracje @font-face są
     w base.css. Rye jest ozdobny, więc tylko na nagłówkach najwyższego
     poziomu i sygnecie; mniejsze nagłówki to systemowy serif, który jest
     czytelniejszy na małych rozmiarach.
     Treść: systemowy sans. Liczby: monospace z efektem „stempla”. */
  --font-display: 'Rye', Georgia, 'Times New Roman', serif;
  --font-naglowek: Georgia, 'Times New Roman', 'Droid Serif', serif;
  --font-tresc: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
    Arial, sans-serif;
  --font-liczby: ui-monospace, 'Cascadia Mono', 'SFMono-Regular', Consolas,
    'Liberation Mono', monospace;

  --rozmiar-xs: 0.75rem;   /* 12px */
  --rozmiar-s: 0.8125rem;  /* 13px */
  --rozmiar-m: 0.9375rem;  /* 15px — bazowy na mobile */
  --rozmiar-l: 1.125rem;   /* 18px */
  --rozmiar-xl: 1.375rem;  /* 22px */
  --rozmiar-2xl: 1.75rem;  /* 28px */
  --rozmiar-3xl: 2.25rem;  /* 36px */

  --wysokosc-linii: 1.6;
  --wysokosc-linii-naglowek: 1.2;

  /* --- Odstępy (skala 4px) --------------------------------------------- */
  --odst-1: 0.25rem;
  --odst-2: 0.5rem;
  --odst-3: 0.75rem;
  --odst-4: 1rem;
  --odst-5: 1.5rem;
  --odst-6: 2rem;
  --odst-7: 3rem;

  /* --- Promienie i proporcje ------------------------------------------- */
  --promien-s: 4px;
  --promien-m: 8px;
  --promien-l: 14px;
  --promien-krag: 50%;

  /* --- Układ ------------------------------------------------------------ */
  --szerokosc-tresci: 68rem;   /* 1088px — desktop */
  --szerokosc-waska: 44rem;    /* 704px — tekst ciągły */

  /* --- Ruch ------------------------------------------------------------- */
  --czas-szybki: 120ms;
  --czas: 200ms;
  --czas-wolny: 300ms;   /* twardy limit wg STYL.md */
  --krzywa: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Szanujemy prefers-reduced-motion globalnie. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --czas-szybki: 1ms;
    --czas: 1ms;
    --czas-wolny: 1ms;
  }
}