/* =====================================================================
   Tokeny wyglądu platformy NFP. Jedno źródło prawdy dla kolorów, odstępów,
   promieni, cieni i typografii. Moduły NIE wpisują kolorów na sztywno,
   tylko używają zmiennych. Motyw tylko jasny (decyzja Barta).
   ===================================================================== */
:root {
  /* kolory: tło i powierzchnie */
  --tlo: #f7f2ea;
  --tlo-kratka: #eee6d8;
  --karta: #fffdf9;
  --karta-2: #fbf6ee;
  --ramka: #e8dfd1;
  --ramka-mocna: #d6c9b4;

  /* kolory: tekst */
  --tekst: #1d1a16;
  --tekst-2: #6f665b;      /* kontrast z --tlo co najmniej 4,5:1 */
  --tekst-3: #8a8073;      /* tylko duży tekst lub ozdobniki */

  /* kolory: akcent (pomarańcz marki) */
  --akcent: #ff7a00;
  --akcent-ciemny: #e06a00;
  --akcent-tekst: #b34d00; /* pomarańcz do małego tekstu i linków (kontrast >= 4,5:1) */
  --akcent-tlo: #fff0e0;
  --na-akcencie: #1d1a16;  /* czarny tekst na pomarańczu */

  /* kolory: stany (zielony tylko dla "Gdy skończysz" i ukończenia) */
  --ok: #2e7d4f;
  --ok-tlo: #e7f4ec;
  --blad: #b3261e;
  --blad-tlo: #fcebe9;
  --info: #2b5d8a;
  --info-tlo: #e8f1f8;
  --ostrz-tlo: #fff6d9;

  /* promienie */
  --r-s: 8px;
  --r-m: 12px;
  --r-l: 20px;
  --r-pelny: 999px;

  /* odstępy (skala 4 px) */
  --o-1: 4px;
  --o-2: 8px;
  --o-3: 12px;
  --o-4: 16px;
  --o-5: 24px;
  --o-6: 32px;
  --o-7: 48px;
  --o-8: 64px;

  /* cienie */
  --cien-1: 0 1px 2px rgba(40, 28, 10, 0.05);
  --cien-2: 0 6px 20px rgba(40, 28, 10, 0.08);
  --cien-3: 0 16px 48px rgba(40, 28, 10, 0.16);

  /* typografia */
  --font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --t-xs: 0.75rem;
  --t-s: 0.875rem;
  --t-m: 1rem;
  --t-l: 1.125rem;
  --t-xl: 1.375rem;
  --t-2xl: 1.75rem;
  --t-3xl: 2.25rem;

  /* układ */
  --szerokosc: 1140px;
  --wysokosc-naglowka: 64px;
  --z-naglowek: 50;
  --z-panel: 70;
  --z-modal: 90;
  --z-toast: 100;

  /* ruch */
  --ruch: 180ms ease;
}

@media (prefers-reduced-motion: reduce) {
  :root { --ruch: 0ms; }
}