/* 4Bizz - CASE202405729 - Vormgeving huisstijl - 04-11-2026 -->> */
/* Eén plek voor alle kleuren en maten. De klantkleuren en wat daarvan is afgeleid (--primary,
   --primary-zacht, --primary-tekst, --accent, enz.) zet de server in de pagina, zie theme_css in
   serve.py. Wat hier onder "terugval" staat, geldt alleen als dat niet lukt.
   Schermen gebruiken alleen deze variabelen en leggen zelf geen kleuren vast. */
:root {
  /* terugval, gelijk aan de neutrale standaard in serve.py */
  --primary: #0b4fd8;
  --primary-2: #0941b1;
  --on-primary: #ffffff;
  --primary-zacht: #e2eafa;
  --primary-rand: #a9c1f2;
  --primary-tekst: #0b4fd8;
  --knop-rand: #0b4fd8;
  --accent: #0e7490;
  --on-accent: #ffffff;
  --accent-zacht: #e1eff3;
  --accent-tekst: #0e7490;
  --bg: #f5f7fb;

  /* vlakken en tekst, voor elke klant gelijk */
  --vlak: #ffffff;
  --vlak-2: #f1f4f8;
  --tekst: #142033;
  --tekst-2: #4b5563;
  --tekst-3: #667085;
  --lijn: #dfe4ec;
  --lijn-sterk: #c5ccd8;

  /* vaste statuskleuren: nooit de klantkleur, altijd samen met tekst en een icoon */
  --ok: #15803d;
  --ok-zacht: #e8f5ec;
  --ok-tekst: #14532d;
  --let-op: #b45309;
  --let-op-zacht: #fef3c7;
  --let-op-tekst: #713f12;
  --fout: #b91c1c;
  --fout-zacht: #fee2e2;
  --fout-tekst: #7f1d1d;
  --op-status: #ffffff;

  --schaduw: 0 1px 2px rgba(20, 32, 51, .06);
  --schaduw-hoog: 0 8px 24px rgba(20, 32, 51, .18);
  --sluier: rgba(20, 32, 51, .42);
  --rond: 14px;
  --rond-klein: 10px;
  --font: 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;

  /* breedte van de zijbalk, op de telefoon is er geen */
  --zij: 0px;
  --knop-hoog: 60px;
  --aanraak: 48px;
}
/* 4Bizz - CASE202405729 - Vormgeving huisstijl - 04-11-2026 <<-- */

/* 4Bizz - CASE202405729 - Zakelijk ontwerp afstemmen - 04-11-2026 -->> */
:root {
  --tekst: #101f40;
  --tekst-2: #40516c;
  --tekst-3: #65748b;
  --lijn: #dce3ed;
  --lijn-sterk: #bdcadc;
  --rond: 10px;
  --rond-klein: 8px;
  --schaduw: none;
  --huisstijl-vlak: color-mix(in srgb, var(--primary-zacht) 45%, var(--vlak));
  --huisstijl-rand: color-mix(in srgb, var(--primary-rand) 70%, var(--lijn));
  --papier: color-mix(in srgb, var(--bg) 22%, var(--vlak));
}
/* 4Bizz - CASE202405729 - Zakelijk ontwerp afstemmen - 04-11-2026 <<-- */