/* Design tokens — stijl van een klassiek ziekenhuis-informatiesysteem (HiX-achtig):
   vlak, hoekig, dicht, donkerblauwe chrome, systeemfont. */
:root {
  /* Oppervlakken */
  --c-bg: #e9edf1;
  --c-surface: #ffffff;
  --c-surface-2: #f2f5f8;
  --c-surface-3: #e4eaf0;

  /* Inkt */
  --c-ink: #1b2b38;
  --c-ink-2: #45596a;
  --c-ink-3: #7587956b;
  --c-ink-3: #768795;
  --c-line: #b9c7d3;
  --c-line-2: #d4dde5;

  /* Chrome (donkere balken bovenaan en onderaan) */
  --c-chrome: #0f3a59;
  --c-chrome-2: #15486b;
  --c-chrome-ink: #eaf1f7;
  --c-chrome-ink-2: #9fbace;

  /* Paneelkoppen (blauwe titelbalken, zoals HiX-secties) */
  --c-paneelkop: #2c6e98;
  --c-paneelkop-2: #347ca8;
  --c-paneelkop-ink: #ffffff;

  /* Accent / interactie */
  --c-accent: #1f6390;
  --c-accent-2: #2b79ad;
  --c-accent-soft: #dcebf6;
  --c-selectie: #cfe3f4;

  /* Triage-acuiteit (ongewijzigd, klinische betekenis) */
  --t-rood: #e74c3c;
  --t-oranje: #e67e22;
  --t-geel: #f1c40f;
  --t-groen: #2ecc71;
  --t-blauw: #3498db;
  --t-rood-zacht: #fdecea;
  --t-oranje-zacht: #fcf0e3;
  --t-geel-zacht: #fdf9e1;
  --t-groen-zacht: #e8f8ef;
  --t-blauw-zacht: #e9f3fb;

  /* EWS-risico */
  --ews-laag: #2e9e5b;
  --ews-midden: #e08a00;
  --ews-hoog: #d12f2f;

  /* Functioneel */
  --c-alert: #c0392b;
  --c-ok: #2e9e5b;

  /* Typografie — systeemfont zoals oudere Windows-software */
  --font-ui: "Segoe UI", Tahoma, Geneva, Verdana, Arial, sans-serif;
  --font-data: "Consolas", "Lucida Console", "Courier New", monospace;

  /* Ritme — strak en hoekig */
  --r-xs: 1px;
  --r-sm: 2px;
  --r-md: 2px;
  --r-lg: 3px;
  --sp-1: 4px;
  --sp-2: 6px;
  --sp-3: 10px;
  --sp-4: 14px;
  --sp-5: 18px;
  --sp-6: 26px;

  --schaduw-1: 0 1px 0 rgba(27,43,56,.04);
  --schaduw-2: 0 2px 6px rgba(27,43,56,.18);
  --schaduw-3: 0 6px 22px rgba(27,43,56,.28);
}