/* Kadlec & Dřevo — design tokens
   Zdroj: styles/tokens.css z design projektu (Claude Design).
   Sekce "Layout & typografie" je doplněk pro responzivní web. */
:root {
  /* Wood palette extracted from logo */
  --wood-900: #2a1810;
  --wood-800: #3d2817;
  --wood-700: #5a3a25;
  --wood-600: #7a4f33;
  --wood-500: #8b5a3c;
  --wood-400: #a06b48;
  --wood-300: #b8855e;
  --wood-200: #d4a884;
  --wood-100: #e8d3bb;
  --wood-50:  #f5e9d8;

  /* Neutrals */
  --cream: #faf6f0;
  --paper: #f5f1ea;
  --bone:  #ede7dc;
  --ink-900: #1a1410;
  --ink-700: #3a312a;
  --ink-500: #6b5e52;
  --ink-300: #a89c8e;
  --ink-100: #d8d0c4;
  --white: #ffffff;

  /* Accents */
  --moss: #5a6b3e;
  --rust: #b85c3c;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* ── Layout & typografie (doplněk pro web) ───────────────── */
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-pill: 999px;

  --shell: 1280px;              /* šířka artboardu z designu */
  --gutter: clamp(20px, 4vw, 48px);
  --section-y: clamp(72px, 9vw, 120px);

  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Inter Tight", "Inter", system-ui, sans-serif;

  /* Fluidní škála — cílové hodnoty odpovídají designu při 1280px */
  --fs-h1: clamp(2.5rem, 1.29rem + 5.63vw, 4.5rem);   /* → 72px */
  --fs-h2: clamp(2rem, 1.34rem + 3.13vw, 3.5rem);     /* → 56px */
  --fs-h3: clamp(1.25rem, 1.14rem + 0.31vw, 1.375rem);/* → 22px */
  --fs-lead: clamp(1rem, 0.94rem + 0.16vw, 1.125rem); /* → 18px */

  --edge: 1px solid rgba(58, 40, 23, 0.06);
  --shadow-card: 0 1px 2px rgba(58, 40, 23, 0.04);
  --shadow-lift: 0 18px 40px rgba(58, 40, 23, 0.13);
  --shadow-hero: 0 24px 60px rgba(58, 40, 23, 0.18);

  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
  --nav-h: 76px;
}