/* ===========================================================================
   MC Kinderwens :: variant 3 - warm, licht en menselijk
   Uitgangspunt is hetzelfde logo (sage #AEBAA2 tint 90gr, perzik #EABAA2 tint 20gr),
   maar hier leidt het GROEN uit het logo; de perzik blijft als warm vlak. Alle waarden zijn dezelfde tinten in een andere
   helderheid, met warme gebroken-witte vlakken in plaats van koel wit.
   Typografie: Cormorant (verfijnde serif) voor koppen, Inter voor lopende tekst.
   =========================================================================== */
@font-face{font-family:'Cormorant';src:url('../fonts/cormorant-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant';src:url('../fonts/cormorant-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../fonts/inter-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../fonts/inter-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../fonts/inter-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../fonts/inter-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  --font-display:'Cormorant',Georgia,'Times New Roman',serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fs-base:1.0625rem;--lh-base:1.75;--fs-lead:1.1875rem;
  /* serif verdraagt iets meer formaat, maar we houden koppen bewust rustig */
  --h1-size:clamp(2.5rem,4.6vw,3.9rem);--h1-weight:600;--h1-lh:1.08;--h1-ls:-.01em;--h1-tt:none;
  --h2-size:clamp(1.9rem,3.2vw,2.8rem);--h2-weight:600;--h2-lh:1.14;--h2-ls:-.005em;
  --h3-size:clamp(1.3rem,1.9vw,1.6rem);--h3-weight:600;--h3-lh:1.25;--h3-ls:0;
  --h4-size:1.15rem;--h4-weight:600;--h4-ls:0;
  --h5-size:1.0625rem;--h5-weight:600;

  --c-page:#FDFBF9;--c-surface:#FFFFFF;--c-card:#FFFFFF;--c-card-border:#EEE4E0;
  --c-ink:#373B33;--c-heading:#2A3123;--c-muted:#67715E;--c-border:#EEE4E0;
  --c-brand:#536343;--c-brand-2:#70825E;--c-on-brand:#FFFFFF;
  --c-accent:#536343;--c-accent-hover:#414F33;--c-on-accent:#FFFFFF;--c-accent-text:#536343;
  --c-link:#536343;--c-link-hover:#414F33;
  --c-nav:#373B33;--c-nav-hover:color-mix(in srgb,#536343 8%,transparent);
  --c-header-bg:color-mix(in srgb,#FDFBF9 92%,transparent);
  --c-eyebrow:#536343;--c-eyebrow-on-brand:#DCE4D4;
  --c-pill-bg:#FAEEE8;--c-pill-fg:#536343;--c-pill-border:transparent;

  --sch-white-bg:#FFFFFF;--sch-white-fg:#373B33;--sch-white-head:#2A3123;
  --sch-frost-bg:#FBF5F2;--sch-frost-fg:#373B33;--sch-frost-head:#2A3123;
  --sch-sage-bg:#EDF2E9;--sch-sage-fg:#373B33;--sch-sage-head:#2A3123;
  --sch-teal-bg:#536343;--sch-teal-fg:rgba(255,255,255,.93);--sch-teal-head:#FFFFFF;--sch-teal-link:#DCE4D4;

  --c-footer-bg:#323D27;--c-footer-fg:#FFFFFF;--c-footer-muted:rgba(255,255,255,.76);

  /* zachtere vormen dan de andere varianten */
  --radius-sm:10px;--radius-md:16px;--radius-lg:24px;
  --btn-radius:999px;--btn-pad:1rem 2rem;--btn-weight:600;--btn-ls:0;
  --shadow-sm:0 10px 30px -18px rgba(50,38,32,.20);
  --shadow-md:0 30px 60px -34px rgba(50,38,32,.28);
  --shadow-btn:0 14px 26px -14px rgba(119,72,49,.45);

  --container:1200px;--container-full:1360px;--gutter:clamp(16px,3.2vw,44px);--gap:26px;
  --sec-pad:clamp(3.5rem,7vw,6.5rem);--mega-cols:2;
}