/* Toestelfix — ontwerptokens, richting A "Bedieningspaneel", lichte variant (Loay 21–23/09/2026).
   Eén koele kleurfamilie: wit + licht blauwgrijs, donkerblauwe tekst (#00122D, logo), blauw (#0050F1, logo) als accent.
   Contrast (WCAG 2.2) op wit #FFFFFF / afwisselende sectie #F5F7FB:
   tekst #00122D 18,7 / 17,4 · gedempt #33455E 9,8 / 9,1 · zwak #5A6A80 5,5 / 5,1 ·
   blauw #0050F1 6,1 / 5,7 · signaal #9A5205 · ok #12753D · fout #C81E1E ≥ 5,2 ·
   veldrand #8494A9 3,1 op wit (niet-tekstcontrast) · wit op knop #0050F1 6,1 · wit op WhatsApp #137A49 5,4.
   Donkere vlakken (CTA-band, footer) herdefiniëren tekst-tokens lokaal in site.css. */
@font-face{font-family:"Poppins";src:url("../fonts/poppins-300.woff") format("woff");font-weight:300;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/poppins-500.woff") format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"Poppins";src:url("../fonts/poppins-700.woff") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"LM Mono";src:url("../fonts/lmmono.woff") format("woff");font-weight:400;font-display:swap}
:root{
  color-scheme:light;
  --night:#FFFFFF;
  --night-2:#F5F7FB;
  --panel:#FFFFFF;
  --panel-2:#EEF2F8;
  --screen:#FFFFFF;
  --lcd:#F3F7FE;
  --tint:#EEF3FE;
  --navy:#00122D;
  --blue:#0050F1;
  --blue-dark:#003FC0;
  --led:#0050F1;
  --led-off:rgba(0,80,241,.10);
  --steel:#5B6B85;
  --text:#00122D;
  --muted:#33455E;
  --faint:#5A6A80;
  --line:rgba(0,18,45,.10);
  --line-strong:rgba(0,18,45,.20);
  --field:#8494A9;
  --signal:#9A5205;
  --wa:#137A49;
  --wa-dark:#0E5F38;
  --ok:#12753D;
  --error:#C81E1E;

  --font-head:"Poppins",ui-sans-serif,system-ui,sans-serif;
  --font-body:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-mono:"LM Mono",ui-monospace,"DejaVu Sans Mono",Menlo,monospace;
  --fs-sm:.9375rem;
  --fs-base:1.0625rem;
  --fs-lead:1.1875rem;
  --fs-h3:1.25rem;
  --fs-h2:clamp(1.6rem, 1.1rem + 1.8vw, 2.5rem);
  --fs-h1:clamp(2rem, 1.2rem + 3vw, 3.4rem);
  --fs-display:clamp(2.4rem, 1.2rem + 4.2vw, 4.4rem);
  --lh:1.65;

  --s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3.25rem;--s8:5rem;
  --radius:16px;
  --radius-lg:26px;
  --radius-sm:10px;
  --shadow:0 30px 60px -30px rgba(0,18,45,.20);
  --shadow-sm:0 1px 2px rgba(0,18,45,.05),0 6px 16px -6px rgba(0,18,45,.08);
  --shadow-md:0 2px 4px rgba(0,18,45,.05),0 18px 36px -14px rgba(0,18,45,.18);
  --inset:inset 0 1px 0 rgba(255,255,255,.6);
  --container:1180px;
  --gutter:16px;
  --tap:44px;
  --ease:cubic-bezier(.2,.8,.2,1);
}