/* ============================================================
   VOLEO CLUB — tokens.css = PROFILE skompilowany do CSS
   Inspiracja: padelthon.webflow.io (paleta limonka/granat/krem,
   Inter Tight + Story Script). To JEDYNY plik tożsamości —
   zmień tu wartości, a zmieni się cała templatka.
   ============================================================ */
:root{
  /* ——— KOLOR (paleta jasna = default) ——— */
  --accent:#d1f44b;        /* limonka — akcent/CTA (z primary-80) */
  --accent-ink:#365001;    /* ciemna zieleń — tekst na limonce (z button-text) */
  --bg:#f4f3ea;            /* ciepły krem (neutral-white) */
  --surface-alt:#eceadd;   /* przełamanie tła */
  --ink:#1a1a17;          /* nagłówki / mocny tekst (neutral-black) */
  --body:#55554d;         /* tekst pomocniczy (black-80 ~) */
  --border:#e2dfd0;       /* linie / ramki na jasnym */
  --card:#fcfbf3;         /* tło kart na jasnym */

  /* ——— KOLOR (paleta ciemna = granat, z brand-secondary) ——— */
  --bg-dark:#080f5e;      /* secondary-100 */
  --ink-dark:#f4f3ea;
  --body-dark:#aab1e0;
  --border-dark:rgba(255,255,255,.14);
  --card-dark:#0d1991;    /* secondary-80 — karta nad granatem */

  /* ——— TYPOGRAFIA ——— */
  --font-display:"Inter Tight",system-ui,sans-serif;
  --font-body:"Inter Tight",system-ui,sans-serif;
  --font-script:"Story Script",cursive;     /* akcentowy, ze źródła */
  --w-reg:400; --w-med:500; --w-semi:600; --w-bold:700; --w-black:800;
  --tracking-tight:-2px;       /* nagłówki (źródło: -1..-4px) */
  --tracking-eyebrow:2px;      /* label/eyebrow (źródło letter-spacing--small) */

  /* ——— LAYOUT / RYTM ——— */
  --container:80rem;           /* 1280px (źródło 80rem) */
  --gutter:clamp(1.25rem,4vw,2.5rem);   /* padding-global 2.5rem */
  --section-y:clamp(4rem,8vw,7rem);
  --radius-sm:.4rem;           /* 6px */
  --radius-md:1rem;            /* 16px (dominujący) */
  --radius-pill:100px;
  --bw:1px;

  /* ——— SKALE (twardy strop 65px — R3) ——— */
  --fs-cap:65px;
  --fs-display:min(clamp(2.6rem,7vw,7rem), var(--fs-cap));   /* źródło 7rem→112px, przycięte do 65px */
  --fs-h2:min(clamp(1.9rem,4vw,3.4rem), var(--fs-cap));
  --fs-h3:min(clamp(1.4rem,2.4vw,1.9rem), var(--fs-cap));
  --fs-body:clamp(1rem,1.1vw,1.0625rem);
  --fs-lead:clamp(1.1rem,1.5vw,1.35rem);
  --fs-eyebrow:.8rem;
  --lh-display:.97; --lh-h2:1.08;

  /* ——— RUCH (PROFILE.motion; render: baseline z lewej + extracted fade-up) ——— */
  --ease:cubic-bezier(.22,1,.36,1);
  --dur:.7s;
  --reveal-shift:48px;         /* fade-up dla obrazów/kart (źródło 5rem, stonowane) */
  --base-x:-28px;              /* baseline R2: fade z LEWEJ */
  --base-delay:.5s;            /* R2: 0,5s delay (minimum dla tekstu) */
  --stagger:.08s;
  --hover-card:translateY(-6px);
  --hover-btn:translateY(-2px);
  --hover-img:scale(1.05);
  --marquee-speed:36s;         /* liczba+s */
  --marquee-fade:7%;
}

/* paleta ciemna — sekcje z klasą .is-dark (features / testimonials / footer) */
.is-dark{
  --bg:var(--bg-dark); --ink:var(--ink-dark); --body:var(--body-dark);
  --border:var(--border-dark); --card:var(--card-dark);
}
/* sekcja akcentowa (CTA) — limonka pełnoekranowa */
.is-accent{
  --bg:var(--accent); --ink:var(--accent-ink); --body:#3d5a10;
  --border:rgba(54,80,1,.18); --card:#c4ec39;
}