/* Design tokens ID Makelaars 2026. Bron: _dev/design/ */
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/fira-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/fira-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/fira-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/fira-sans-latin-700-normal.woff2) format('woff2')}
:root{
  --idm-red:#bf0f1c;          /* accent, primaire CTA */
  --idm-navy:#0C274C;         /* tekst koppen, donkere vlakken */
  --idm-ink:#262626;          /* bodytekst */
  --idm-muted:#4A5568;        /* secundaire tekst */
  --idm-line:#E6EBF1;         /* randen */
  --idm-soft:#F4F6F9;         /* lichte vlakken */
  --idm-red-soft:#F9E7E8;     /* icoon-achtergrond */
  --idm-white:#FFFFFF;
  --idm-font:'Fira Sans',system-ui,sans-serif;
  --idm-max:1360px;           /* contentbreedte */
  --idm-gutter:32px;          /* 20px op mobiel */
  --idm-radius:28px;          /* grote blokken */
  --idm-radius-card:22px;     /* kaarten */
  --idm-pill:999px;           /* knoppen */
}
@media (max-width:900px){:root{--idm-gutter:20px}}
html,body{background:var(--idm-white)}
body{margin:0;font-family:var(--idm-font);color:var(--idm-ink);-webkit-font-smoothing:antialiased}