/* Geschreven uit config/brand.json. Niet met de hand bijwerken: het
   beheerpaneel (api/admin/huisstijl.php) schrijft dit bestand opnieuw
   zodra iemand de huisstijl wijzigt. Wat per klant verschilt staat in
   dat json-bestand; het CMS eromheen is voor elke klant hetzelfde. */

:root {
  --merk-font-kop: Poppins, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --merk-font-tekst: Poppins, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --merk-accent: #0C2D48;
  --merk-accent_donker: #0C1935;
  --merk-inkt: #0A0A0A;
  --merk-tekst: #55606B;
  --merk-gedempt: #8995A1;
  --merk-lijn: #E3E3E3;
  --merk-vlak: #FFFFFF;
  --merk-grond: #F4F1EA;
  --merk-paneel: #F2F6F8;
  --merk-op_accent: #FFFFFF;
  --merk-radius_kaart: 20px;
  --merk-radius_beeld: 8px;
  --merk-radius_knop: 999px;
  --merk-radius_veld: 10px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --merk-inkt: #F4F1EA;
    --merk-tekst: #C9D3D9;
    --merk-gedempt: #8995A1;
    --merk-lijn: rgba(255,255,255,.16);
    --merk-vlak: #0C1935;
    --merk-grond: #081326;
    --merk-paneel: #102A42;
  }
}

:root[data-theme="dark"] {
  --merk-inkt: #F4F1EA;
  --merk-tekst: #C9D3D9;
  --merk-gedempt: #8995A1;
  --merk-lijn: rgba(255,255,255,.16);
  --merk-vlak: #0C1935;
  --merk-grond: #081326;
  --merk-paneel: #102A42;
}