/* ============================================================
   WBS SmartFlow — gedeeld dashboard-stylesheet
   Merk-tokens, lettertypen (Nunito + Rubik, self-hosted) en de
   basis-typografie voor álle admin-/dashboardpagina's. Hier één keer
   wijzigen = overal door. (De chat-widget valt hier bewust buiten:
   die past zich aan de site van de klant aan.)
   ============================================================ */

/* Zelf-gehoste lettertypen (variabel; latin-subset dekt ook ë ï ö ü ß). */
@font-face{font-family:'Nunito';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/nunito.woff2') format('woff2');}
@font-face{font-family:'Rubik';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/rubik.woff2') format('woff2');}

/* Merk-tokens (kleuren + lettertype-stacks) — centraal voor alle pagina's. */
:root{
  --accent:#E85A2B; --accent-dark:#cf4a1f; --navy:#1F3A6B;
  --text:#21324f; --muted:#6b7488; --border:#eef1f6;
  --font-body:'Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --font-head:'Rubik','Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}

/* Basis-typografie: bodytekst Nunito, alleen koppen in Rubik (het merk-accent).
   Knoppen/velden bewust ook Nunito, zodat pagina's met font-family:inherit consistent blijven. */
body{font-family:var(--font-body);min-height:100vh;}
h1,h2,h3,h4,h5{font-family:var(--font-head);}
button,.btn,a.btn,input,select,textarea{font-family:var(--font-body);}