:root {
  /* Kleuren — afgeleid van het logo (#ddb3a3 / #1d1d1b), CTA #F23489, secundair #f2e5dc */
  --color-bg: #fdf6f2;
  --color-surface: #ffffff;
  --color-ink: #1d1d1b;
  --color-ink-soft: #322f2c;
  --color-text: #1d1d1b;
  --color-text-muted: #6b625d;
  --color-text-faint: #a89a90;
  --color-text-inverse: #fdf6f2;
  --color-text-inverse-muted: #cabdb5;

  --color-border: #ecd9cd;
  --color-border-strong: #ddc7b8;

  --color-brand: #ddb3a3;
  --color-brand-tint: #f2e5dc;
  --color-brand-shade: #c08d78;

  --color-accent: #f23489;
  --color-accent-shade: #d0186a;
  --color-accent-tint: #fde3ee;

  --color-secondary: #f2e5dc;
  --color-secondary-hover: #ecd9cd;

  /* Typografie */
  --font-heading: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;

  --fs-body: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  /* Rustige, kleine stap boven de hoofdtekst — geen aparte 'grote' introstijl meer. */
  --fs-lead: clamp(1.0625rem, 1.02rem + 0.3vw, 1.1875rem);
  --fs-h1: clamp(2.5rem, 1.9rem + 3vw, 4.5rem);
  --fs-h2: clamp(1.9rem, 1.6rem + 1.5vw, 2.75rem);
  --fs-h3: clamp(1.35rem, 1.2rem + 0.8vw, 1.75rem);
  /* Eén vaste maat voor kleine kaartkoppen (lens-cards, pijlers). */
  --fs-card-title: 1.15rem;
  --fs-eyebrow: 0.8125rem;
  --fs-quote: clamp(1.375rem, 1.15rem + 1.2vw, 2rem);

  /* Ruimte */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4.5rem;
  --sp-9: 6rem;
  --sp-10: 8.5rem;

  --container-width: 1180px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);

  /* Vorm & beweging */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 10px rgba(29, 29, 27, 0.06);
  --shadow-md: 0 12px 34px rgba(29, 29, 27, 0.09);
  --shadow-lg: 0 24px 60px rgba(29, 29, 27, 0.14);

  --ease-mag: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);

  --z-header: 500;
  --z-mobile-menu: 600;
  --z-cookie: 700;
}