/* ============================================================================
   MIODOWE OGRODY — design tokens
   Wersja sklepowa: jasne, ciepłe tło, miodowo-pomarańczowe akcenty,
   zieleń gospodarstwa jako kolor tekstu i ciemnych pasm. Mniej dekoracji,
   więcej powietrza i czytelne ceny.
   Kolory spoza tego pliku są ZAKAZANE (wyjątek: rgba pochodne tych tokenów).
   ============================================================================ */

:root {
  /* --- kolory ------------------------------------------------------------ */
  --paper: #FDFBF6;        /* tło główne — ciepła biel */
  --paper-warm: #F7F1E4;   /* tło alternatywne sekcji */
  --card: #FFFFFF;         /* tło kart produktowych */
  --ink: #22382B;          /* zieleń gospodarstwa — tekst, ciemne pasma */
  --ink-soft: #55655B;     /* tekst drugorzędny */

  --honey: #E9A33C;        /* miodowy — przyciski zakupowe (tekst: --ink) */
  --honey-deep: #D98A17;   /* hover przycisku */
  --honey-soft: #FBEFD8;   /* miodowe tła plakietek i pasków */
  --amber: #9A5E0B;        /* pomarańcz akcentowy — etykiety, linki, promocje
                              (ciemniejszy niż miodowy: kontrast AA na jasnych tłach) */
  --amber-deep: #7E4B08;   /* hover akcentu */
  --pollen: #E8C46B;       /* drobne podkreślenia */

  --line: rgba(34, 56, 43, .16);
  --line-strong: rgba(34, 56, 43, .34);

  /* --- typografia -------------------------------------------------------- */
  --font-display: "Fraunces", serif;
  --font-body: "Manrope", sans-serif;
  --step--1: clamp(.83rem, .8rem + .15vw, .94rem);
  --step-0: clamp(1rem, .95rem + .25vw, 1.13rem);
  --step-1: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);
  --step-2: clamp(1.56rem, 1.35rem + 1vw, 2.1rem);
  --step-3: clamp(1.95rem, 1.55rem + 2vw, 3rem);
  --step-4: clamp(2.4rem, 1.6rem + 4vw, 4.4rem);

  /* --- layout ------------------------------------------------------------ */
  --space-s: clamp(.75rem, 2vw, 1.25rem);
  --space-m: clamp(1.5rem, 3vw, 2.5rem);
  --space-l: clamp(2.75rem, 5vw, 4.5rem);
  --space-xl: clamp(3.5rem, 7vw, 6rem);
  --container: 1320px;
  --radius: 10px;          /* karty sklepowe — miękkie, ale nie „aplikacyjne” */
  --radius-sm: 6px;
  --radius-pill: 999px;

  /* --- motion ------------------------------------------------------------ */
  --ease: cubic-bezier(.25, .6, .25, 1);
  --dur-fast: 400ms;
  --dur-mid: 550ms;
  --dur-slow: 700ms;

  /* --- pochodne rgba (dozwolone — wyprowadzone z tokenów) ---------------- */
  --paper-92: rgba(253, 251, 246, .94);  /* sticky nav po scrollu */
  --ink-08: rgba(34, 56, 43, .08);       /* ryciny w tle sekcji */
  --ink-06: rgba(34, 56, 43, .06);
  --lift: 0 1px 2px rgba(34, 56, 43, .05), 0 8px 24px rgba(34, 56, 43, .07);
  --lift-strong: 0 2px 6px rgba(34, 56, 43, .08), 0 18px 44px rgba(34, 56, 43, .12);
}