/* ============================================================
   FUNNEL V2: DESIGN TOKENS
   Architektura dle funnel-architect-plugin skills/design-system
   (custom properties + spacing scale + komponentové proměnné),
   paleta remapovaná na brand Lucie Anýžové (art-direction v2):
   latte / teplý papír / kávová / mocha pouze akce.
   Iterace 36: paleta latte zafixovaná (přepínač palet odstraněn).
   ============================================================ */

:root {
  /* Pozadi (plugin: --bg-primary/secondary/card/elevated) */
  --bg-primary: #FAF3EC;      /* latte — výchozí pozadí všech stránek */
  --bg-secondary: #F1E6DA;    /* teplý papír — střídání sekcí, max 3× na stránku */
  --bg-card: #FFFBF6;
  --bg-dark: #40301F;         /* kávová breather sekce — přesně 2× na index */

  /* Text */
  --text-primary: #46352A;    /* kávová, 11.9:1 na latte (AAA) */
  --text-secondary: #6B5544;  /* taupe tmavý, 6.2:1 (AA) */
  --text-on-dark: #F8F5F1;
  --text-on-dark-muted: #CBBFB2;

  /* Accent — VÝHRADNĚ CTA + highlight + error border */
  --accent: #8F6248;          /* mocha, 5.2:1 (AA) — VÝHRADNĚ CTA */
  --marquee-bg: #835942;         /* pás důvěry, bílý text 6.1:1 */
  --accent-hover: #77503A;
  --accent-glow: rgba(143, 98, 72, 0.30);
  --hl-bg: rgba(143, 98, 72, 0.22);      /* marker přes text ve světlých sekcích */
  --hl-bg-dark: rgba(232, 163, 94, 0.30);/* marker na tmavém pozadí */

  /* Borders */
  --border: #E3D6C6;          /* hairline */
  --border-hover: #D2C1AD;

  /* Shadows — kávové, ne šedé */
  --shadow-card: 0 1px 2px rgba(70,53,42,.06), 0 8px 24px -8px rgba(70,53,42,.13);
  --shadow-cta: 0 2px 0 #77503A, 0 8px 20px -6px var(--accent-glow);
  --shadow-modal: 0 24px 64px -16px rgba(70,53,42,.28);

  /* Spacing scale (plugin design-system) */
  --space-1: 4px;  --space-2: 8px;   --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px;  --space-8: 32px; --space-10: 40px;
  --space-12: 48px; --space-16: 64px; --space-20: 80px; --space-24: 96px;

  /* Typography (mobile-first scale dle mobile-responsive skillu) */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Work Sans", -apple-system, "Segoe UI", sans-serif;
  --text-sm: 0.875rem;   /* 14 */
  --text-base: 1.0625rem;/* 17 — body mobil, nikdy pod 16 */
  --text-lg: 1.125rem;   /* 18 — body desktop */
  --text-xl: 1.3125rem;  /* 21 — subheadline */
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;

  /* Radii — 12/10/8/3, žádné pill */
  --radius-card: 12px;
  --radius-btn: 10px;
  --radius-video: 8px;
  --radius-hl: 3px;

  /* Motion (apple-design: default kriticky tlumené, žádné přestřelení;
     spring jen na prvcích s "hmotou" jako play disc) */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.2, 0.64, 1);
  --dur-fast: 120ms;
  --dur: 180ms;
  --dur-slow: 480ms;

  /* Form */
  --h-field: 52px;
}

/* Paleta latte je natvrdo v :root (iterace 36). */