/* =========================================================================
   TOKENS  —  całą stylistykę zmieniasz TUTAJ.
   Kierunek v6 (edytorialny, jasny): prawie biała kremowa przestrzeń z
   DELIKATNĄ, JEDNOLITĄ SIATKĄ KOLUMN w tle (jak Stripe) + krzyżyki na
   przecięciach (motyw z logo „WOLNIEJ"). Typografia: Fraunces (wysoki
   kontrast, jak Editors Note) + Work Sans. Paleta neutralna z PASTELOWYMI
   akcentami; butelkowa zieleń tylko jako drobny detal.
   ========================================================================= */

:root {
  /* ---- Kolory (jaśniej, mniej brązu) ---------------------------------- */
  --canvas:     #f7f6f3;   /* tło strony - prawie białe, lekko ciepłe */
  --paper:      #fcfcfa;   /* powierzchnie jasne (inputy) */
  --paper-2:    #ffffff;   /* karty / przyciski tekst */
  --ink:        #191613;   /* tekst / nagłówki / CTA */
  --muted:      #6f6a60;   /* tekst drugorzędny */
  --line:       #e4dfd5;   /* hairline */

  /* pastelowe akcenty (tła sekcji/kart) */
  --blush:      #f1e6e0;   /* ciepły brzoskwiniowy */
  --sky:        #e3eaef;   /* zgaszony błękit */
  --sage-soft:  #e6ece1;   /* zgaszona zieleń */
  --sand:       #f2ecdd;   /* piaskowy */

  /* sygnaturowa zieleń — tylko drobny akcent */
  --green:      #2f4a39;
  --green-ink:  #f4f3ee;   /* tekst na ciemnym / na CTA (prawie biały) */
  --accent:     #3a5a45;   /* eyebrow / linki */

  /* ciemne pasy — neutralny węgiel */
  --dark:       #1b1916;
  --dark-paper: #efeade;
  --dark-muted: #9a9388;
  --dark-line:  rgba(255,255,255,.12);

  /* ---- Siatka (jednolite, delikatne kreski + krzyżyki) ---------------- */
  --cols:       12;
  --grid:       rgba(25,22,19,.045);   /* JEDNA grubość dla wszystkich linii */
  --grid-cross: rgba(25,22,19,.14);    /* krzyżyk na przecięciu (motyw logo) */
  --grid-dark:       rgba(255,255,255,.055);
  --grid-dark-cross: rgba(255,255,255,.20);
  --grid-row:   132px;                 /* odstęp poziomy krzyżyków */

  /* ---- Typografia ----------------------------------------------------- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Work Sans", "Helvetica Neue", Arial, sans-serif;
  --tracking-head:    -0.012em;        /* ciaśniej - koniec „dziwnych odstępów" */
  --tracking-eyebrow: 0.16em;

  /* ---- Kształt / przestrzeń ------------------------------------------- */
  --radius:      4px;
  --radius-img:  6px;
  --radius-xl:   8px;
  --maxw:        1200px;
  --maxw-narrow: 720px;
  --section-pad: clamp(4rem, 9vw, 8rem);

  /* ---- Detale --------------------------------------------------------- */
  --shadow:      0 22px 50px -42px rgba(30,28,20,.28);
  --shadow-soft: 0 1px 0 rgba(30,28,20,.04);
  --ease:        cubic-bezier(.2, .7, .2, 1);
  --texture:     none;
}