/* meinbodenrichtwert.de — design-tokens (single source of truth, zie SITE-BLAUWDRUK §7.1) */
:root{
  /* Kleur: Bodengrün (grond/bodem) + Messing (accent, spaarzaam) */
  --mb-primary:#1F4A38;
  --mb-primary-hover:#153528;
  --mb-secondary:#3A7561;
  --mb-accent:#A67C2E;
  --mb-accent-hover:#8A6626;
  --mb-success:#15803D; --mb-success-bg:#EAF5EE; --mb-success-border:#BFE0CB;
  --mb-warn:#B45309;    --mb-warn-bg:#FBF3E8;    --mb-warn-border:#EAD3B3;
  --mb-danger:#DC2626;  --mb-danger-bg:#FCEEEE;  --mb-danger-border:#F2C7C7;
  --mb-ink:#0F172A; --mb-body:#334155; --mb-muted:#5A6B7B;
  --mb-line:#DDE4E0; --mb-bg:#F7F8F6; --mb-white:#FFFFFF;
  --mb-primary-tint:#EDF3F0;
  --mb-accent-tint:#FAF5EA;
  --mb-zebra:#FBFCFB;

  /* Vorm */
  --mb-radius-s:8px; --mb-radius-m:12px; --mb-radius-l:16px; --mb-radius-pill:999px;
  --mb-shadow-card:0 1px 3px rgba(15,23,42,.06),0 4px 16px rgba(15,23,42,.06);
  --mb-shadow-pop:0 4px 12px rgba(15,23,42,.10),0 12px 32px rgba(15,23,42,.12);

  /* Maat */
  --mb-container:1120px; --mb-container-wide:1280px; --mb-article:720px;
  --mb-s1:4px; --mb-s2:8px; --mb-s3:12px; --mb-s4:16px; --mb-s5:24px; --mb-s6:32px; --mb-s7:48px; --mb-s8:64px; --mb-s9:88px;

  /* Typografie */
  --mb-font:'InterVariable','Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mb-fs-h1:40px; --mb-lh-h1:48px;
  --mb-fs-h1-m:30px; --mb-lh-h1-m:38px;
  --mb-fs-h2:28px; --mb-lh-h2:36px;
  --mb-fs-h3:20px; --mb-lh-h3:28px;
  --mb-fs-body:17px; --mb-lh-body:1.6;
  --mb-fs-small:14px; --mb-fs-micro:12px;
  --mb-fs-display:44px;
}
@font-face{
  font-family:'InterVariable';
  src:url('../fonts/InterVariable.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}