/* meinegrundsteuer.de — design-tokens (single source of truth, zie SITE-BLAUWDRUK §7.1) */
:root{
  /* Kleur */
  --mg-primary:#173F5F;
  --mg-primary-hover:#0F2E47;
  --mg-secondary:#2E6E91;
  --mg-accent:#B0662A;
  --mg-accent-hover:#8F5222;
  --mg-success:#15803D; --mg-success-bg:#EAF5EE; --mg-success-border:#BFE0CB;
  --mg-warn:#B45309;    --mg-warn-bg:#FBF3E8;    --mg-warn-border:#EAD3B3;
  --mg-danger:#DC2626;  --mg-danger-bg:#FCEEEE;  --mg-danger-border:#F2C7C7;
  --mg-ink:#0F172A; --mg-body:#334155; --mg-muted:#5A6B7B;
  --mg-line:#DCE3EA; --mg-bg:#F7F8F6; --mg-white:#FFFFFF;
  --mg-primary-tint:#EDF2F7;
  --mg-zebra:#FBFCFB;

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

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

  /* Typografie */
  --mg-font:'InterVariable','Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mg-fs-h1:40px; --mg-lh-h1:48px;
  --mg-fs-h1-m:30px; --mg-lh-h1-m:38px;
  --mg-fs-h2:28px; --mg-lh-h2:36px;
  --mg-fs-h3:20px; --mg-lh-h3:28px;
  --mg-fs-body:17px; --mg-lh-body:1.6;
  --mg-fs-small:14px; --mg-fs-micro:12px;
  --mg-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;
}
