/* ============================================================
   tutejsza · tokeny projektowe
   Źródło: brand book tutejsza v1.0 (Figma, listopad 2026).
   Zmiana wartości tutaj zmienia całą stronę.
   ============================================================ */

:root {
  /* --- Kolory marki --- */
  --c-red: #B22B01;        /* czerwień tutejsza: kolor główny, nagłówki, logo */
  --c-cream: #F3EFE4;      /* krem: tło strony, logo na czerwieni */
  --c-brown: #6C2E15;      /* linia koński, także kolor tekstu ciągłego */

  /* kolory linii produktowych: każda linia ma dokładnie jeden kolor */
  --c-bydlecy: #A62D05;
  --c-owczy: #BA7403;
  --c-konski: #6C2E15;

  /* pochodne (jedyne dopuszczone odcienie: mieszanki z kremem) */
  --c-cream-2: #EAE4D5;    /* tło kart, pasy */
  --c-line: #D9CFBA;       /* cienkie linie */
  --c-line-strong: #B22B01;/* grube linie, 2px, jak w brand booku */
  --c-ink: var(--c-brown); /* tekst ciągły */
  --c-ink-2: #8A5A43;      /* tekst pomocniczy */
  --c-focus: #1F4E79;      /* obrys fokusu, celowo spoza palety */

  /* --- Typografia (brand book, plansza 06) --- */
  --ff: "Overused Grotesk", "Hanken Grotesk", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;

  /* Nagłówek: Medium 96 / -4%  · Śródtytuł: Medium 44 / -2%
     Tekst: Regular 26 / interlinia 135% · Etykieta: Medium 20 / +4% */
  --fs-display: clamp(3rem, 1.5rem + 7vw, 7.5rem);        /* hero, 120px na dużym ekranie */
  --fs-h1: clamp(2.75rem, 1.6rem + 4.5vw, 6rem);          /* 96px */
  --fs-h2: clamp(2rem, 1.3rem + 2.6vw, 3.5rem);           /* 56px */
  --fs-h3: clamp(1.5rem, 1.15rem + 1.5vw, 2.75rem);       /* 44px */
  --fs-h4: clamp(1.25rem, 1.1rem + 0.7vw, 1.75rem);       /* 28px */
  --fs-lead: clamp(1.25rem, 1.05rem + 0.9vw, 1.625rem);   /* 26px */
  --fs-body: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);   /* 17 do 19px */
  --fs-small: 0.9375rem;
  --fs-label: 0.875rem;                                    /* etykiety, wersaliki, +4% */

  --lh-tight: 1;
  --lh-heading: 1.08;
  --lh-body: 1.35;
  --ls-display: -0.04em;
  --ls-heading: -0.02em;
  --ls-label: 0.04em;

  /* --- Odstępy --- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px; --sp-5: 24px;
  --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px; --sp-10: 128px;
  --section-y: clamp(72px, 10vw, 144px);
  --gutter: clamp(20px, 6.25vw, 120px);   /* 120px na 1920 jak w brand booku */
  --container: 1680px;
  --measure: 42rem;

  /* --- Detale: brand book nie używa zaokrągleń ani cieni --- */
  --radius: 0;
  --border: 1px solid var(--c-line);
  --border-strong: 2px solid var(--c-red);
  --header-h: 72px;
  --ticker-h: 42px;   /* pasek informacyjny nad nagłówkiem */
}