/* ===========================================================================
   MC Kinderwens :: merkvariant, volledig afgeleid van het officiele logo
   Logo bevat exact twee kleuren: sage #AEBAA2 (tint 90gr) en perzik #EABAA2 (tint 20gr).
   Beide zijn te licht voor tekst, dus elke waarde hieronder is dezelfde tint
   in een andere helderheid/verzadiging. Contrast op wit staat per regel vermeld.
   =========================================================================== */
@font-face{font-family:'Poppins';src:url('../fonts/poppins-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('../fonts/poppins-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('../fonts/poppins-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Mulish';src:url('../fonts/mulish-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Mulish';src:url('../fonts/mulish-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Mulish';src:url('../fonts/mulish-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  --font-display:'Poppins',system-ui,sans-serif;
  --font-body:'Mulish',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fs-base:1.0625rem;--lh-base:1.72;--fs-lead:1.1875rem;
  --h1-size:clamp(2.4rem,5vw,4rem);--h1-weight:700;--h1-lh:1.03;--h1-ls:-.025em;--h1-tt:none;
  --h2-size:clamp(1.8rem,3.4vw,2.9rem);--h2-weight:700;--h2-lh:1.08;--h2-ls:-.02em;
  --h3-size:clamp(1.3rem,2vw,1.7rem);--h3-weight:600;--h3-lh:1.2;--h3-ls:-.015em;
  --h4-size:1.2rem;--h4-weight:700;--h4-ls:-.01em;
  --h5-size:1.0625rem;--h5-weight:700;

  /* logo-sage, verdiept tot leesbare waarden */
  --c-page:#FFFFFF;--c-surface:#FFFFFF;--c-card:#FFFFFF;--c-card-border:#E2E8DB;
  --c-ink:#2B2B2B;--c-heading:#2D3624;--c-muted:#66705C;--c-border:#E2E8DB;
  --c-brand:#3C4C2C;--c-brand-2:#5C7048;--c-on-brand:#FFFFFF;
  /* logo-perzik, verdiept tot 4.9:1 op wit */
  --c-accent:#A35F3E;--c-accent-hover:#8A4E31;--c-on-accent:#FFFFFF;--c-accent-text:#A35F3E;
  --c-link:#3C4C2C;--c-link-hover:#2A361E;
  --c-nav:#2B2B2B;--c-nav-hover:color-mix(in srgb,#3C4C2C 8%,transparent);
  --c-header-bg:color-mix(in srgb,#FFFFFF 90%,transparent);
  --c-eyebrow:#A35F3E;--c-eyebrow-on-brand:#D9E2CE;
  --c-pill-bg:#F1F5ED;--c-pill-fg:#3C4C2C;--c-pill-border:transparent;

  --sch-white-bg:#FFFFFF;--sch-white-fg:#2B2B2B;--sch-white-head:#2D3624;
  --sch-frost-bg:#F1F5ED;--sch-frost-fg:#2B2B2B;--sch-frost-head:#2D3624;
  --sch-sage-bg:#FAF1ED;--sch-sage-fg:#2B2B2B;--sch-sage-head:#2D3624;
  --sch-teal-bg:#3C4C2C;--sch-teal-fg:rgba(255,255,255,.92);--sch-teal-head:#FFFFFF;--sch-teal-link:#D9E2CE;

  --c-footer-bg:#2A361E;--c-footer-fg:#FFFFFF;--c-footer-muted:rgba(255,255,255,.74);

  --radius-sm:12px;--radius-md:20px;--radius-lg:30px;
  --btn-radius:999px;--btn-pad:1rem 2rem;--btn-weight:700;--btn-ls:0;
  --shadow-sm:0 10px 30px -18px rgba(45,54,36,.24);
  --shadow-md:0 34px 66px -34px rgba(45,54,36,.34);
  --shadow-btn:0 14px 26px -14px rgba(60,76,44,.55);

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