/* nej-rollup.cz — design tokeny · návrh v1 (4. 9. 2026, přesunuto do prototypu 11. 9. 2026)
   Jediný zdroj hodnot pro prototyp i implementaci. Měnit tady, ne v komponentách.
   Pozn.: dřív ležel v ../../02_styleguide/tokens.css — přesunuto sem, aby byla složka
   03_prototyp samostatně nasaditelná (Cloudflare Pages apod.). */

:root {
  /* ── Barvy: brand ───────────────────────────────── */
  --c-primary:        #2152A0;  /* modrá z loga — odkazy, aktivní stavy, nadpisy sekcí */
  --c-primary-hover:  #1A4382;
  --c-primary-soft:   #E8EEF8;  /* světlé pozadí boxů, aktivní přepínač */
  --c-primary-dark:   #07395B;  /* patička, hero text na světlém */

  --c-cta:            #4F7D19;  /* jediné použití: "Do košíku" a primární akce. Ztmavená #86B540 → bílý text 4,9:1 (AA) */
  --c-cta-hover:      #416714;
  --c-cta-soft:       #F0F6E6;  /* "skladem", doprava zdarma */
  --c-brand-green:    #86B540;  /* původní zelená — jen dekorace (ikony, štítky s tmavým textem), ne pod bílý text */

  --c-accent:         #FE5701;  /* akce/sleva — štítky, max 1× na obrazovku */

  /* ── Barvy: neutrály ────────────────────────────── */
  --c-text:           #1A1A1A;
  --c-text-2:         #5C5C5C;  /* sekundární text, popisky */
  --c-text-3:         #8A8A8A;  /* placeholder, meta */
  --c-line:           #E4E4E4;  /* dělicí linky, borders */
  --c-line-strong:    #CFCFCF;
  --c-bg:             #FFFFFF;
  --c-bg-2:           #F6F6F6;  /* střídání sekcí, karty */
  --c-bg-3:           #EFEFEF;

  /* ── Stavy ──────────────────────────────────────── */
  --c-success:        #2E8B57;
  --c-warning:        #D98E04;
  --c-error:          #C62828;

  /* ── Typografie ─────────────────────────────────── */
  --f-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-xs:   0.75rem;   /* 12 */
  --fs-sm:   0.875rem;  /* 14 */
  --fs-base: 1rem;      /* 16 */
  --fs-md:   1.125rem;  /* 18 */
  --fs-lg:   1.375rem;  /* 22 */
  --fs-xl:   1.75rem;   /* 28 */
  --fs-2xl:  2.25rem;   /* 36 */
  --fs-3xl:  3rem;      /* 48 */
  --fs-4xl:  3.75rem;   /* 60 — hero desktop */

  --lh-tight: 1.15;
  --lh-snug:  1.3;
  --lh-base:  1.55;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold: 600;
  --fw-bold:    700;

  /* ── Spacing (4px base) ─────────────────────────── */
  --s-1:  0.25rem;  /* 4 */
  --s-2:  0.5rem;   /* 8 */
  --s-3:  0.75rem;  /* 12 */
  --s-4:  1rem;     /* 16 */
  --s-5:  1.5rem;   /* 24 */
  --s-6:  2rem;     /* 32 */
  --s-7:  3rem;     /* 48 */
  --s-8:  4rem;     /* 64 */
  --s-9:  6rem;     /* 96 */
  --s-10: 8rem;     /* 128 */

  --section-y: var(--s-9);          /* vertikální rytmus sekcí desktop */
  --section-y-mobile: var(--s-7);

  /* ── Layout ─────────────────────────────────────── */
  --container: 1440px;             /* vnitřní šířka obsahu */
  --container-pad: 2.5rem;         /* 40px okraje desktop */
  --container-pad-mobile: 1rem;
  --gutter: 1.5rem;                /* 24px mezera gridu */
  --header-h: 72px;

  /* ── Rádiusy ────────────────────────────────────── */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 20px;
  --r-pill: 999px;

  /* ── Stíny ──────────────────────────────────────── */
  --sh-sm: 0 1px 2px rgba(0,0,0,.06);
  --sh-md: 0 4px 16px rgba(0,0,0,.08);
  --sh-lg: 0 12px 40px rgba(0,0,0,.12);

  /* ── Přechody ───────────────────────────────────── */
  --t-fast: 150ms ease;
  --t-base: 250ms ease;

  /* ── Z-index ────────────────────────────────────── */
  --z-header: 100;
  --z-dropdown: 200;
  --z-modal: 300;
}

/* Breakpointy (v CSS nejde použít var, uvádím pro referenci):
   --bp-sm: 640px   mobil na šířku
   --bp-md: 900px   tablet
   --bp-lg: 1200px  desktop — od tud dvousloupcový detail
   --bp-xl: 1520px  container 1440 + 2×40 padding se vejde celý
*/