:root {
  color-scheme: light;
  --mk-rond-s: 2px;
  --mk-rond-m: 3px;
  --mk-rond-l: 4px;
  --mk-ruimte-1: 2px;
  --mk-ruimte-2: 4px;
  --mk-ruimte-3: 6px;
  --mk-ruimte-4: 8px;
  --mk-ruimte-5: 12px;
  --mk-ruimte-6: 16px;
  --mk-ruimte-7: 24px;
  --mk-maat-s: 12px;
  --mk-maat-m: 13px;
  --mk-maat-l: 14px;
  --mk-maat-kop: 15px;
  --mk-maat-titel: 18px;
  --mk-regel: 22px;
  --mk-letter: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --mk-brandweer: #D12A3C;
  --mk-op-brandweer: #FFFFFF;
  --mk-ambulance: #F2B705;
  --mk-op-ambulance: #211A05;
  --mk-politie: #2446B0;
  --mk-op-politie: #FFFFFF;
  --mk-water: #D45A0A;
  --mk-op-water: #FFFFFF;
  --mk-rws: #007A6A;
  --mk-op-rws: #FFFFFF;
  --mk-defensie: #4D6530;
  --mk-op-defensie: #FFFFFF;
  --mk-berger: #7A4D2B;
  --mk-op-berger: #FFFFFF;
  --mk-spoor: #7340B5;
  --mk-op-spoor: #FFFFFF;
  --mk-algemeen: #3A4859;
  --mk-op-algemeen: #FFFFFF;
  --mk-melding-open: #CC2B3B;
  --mk-melding-aanrijdend: #B45309;
  --mk-melding-bezig: #1A7A46;
  --mk-voertuig-vrij: #1A7A46;
  --mk-voertuig-aanrijdend: #B45309;
  --mk-voertuig-aanrijdend-prio: #B45309;
  --mk-voertuig-ter-plaatse: #AD2577;
  --mk-voertuig-niet-beschikbaar: #66707E;
  --mk-voertuig-spraakaanvraag: #C8102E;
  --mk-voertuig-spraakaanvraag-knipper: #7A0A19;
  --mk-voertuig-vervoer: #6A44C4;
  --mk-achtergrond: #D5DAE1;
  --mk-vlak: #FFFFFF;
  --mk-vlak-verhoogd: #FFFFFF;
  --mk-vlak-zacht: #EEF1F4;
  --mk-kop: #E2E7ED;
  --mk-zebra: #F5F7F9;
  --mk-kladblok: #FFF5C8;
  --mk-tekst: #141E29;
  --mk-tekst-zacht: #4A5562;
  --mk-merk: #095F84;
  --mk-merk-hover: #074D6B;
  --mk-merk-zacht: #DDEDF5;
  --mk-op-merk: #FFFFFF;
  --mk-selectie: #1C3D8A;
  --mk-op-selectie: #FFFFFF;
  --mk-lijn: #B4BCC6;
  --mk-succes: #13623A;
  --mk-succes-zacht: #E2F3E9;
  --mk-waarschuwing: #8A4F00;
  --mk-waarschuwing-zacht: #FBEFD9;
  --mk-fout: #B32236;
  --mk-fout-zacht: #FBE4E7;
  --mk-schaduw-1: 0 1px 0 rgba(16, 24, 40, 0.06);
  --mk-schaduw-2: 0 1px 2px rgba(16, 24, 40, 0.12);
  --mk-schaduw-3: 0 4px 14px rgba(16, 24, 40, 0.24);
  --mk-focus: 0 0 0 2px rgba(9, 95, 132, 0.45);
  --mk-woord-112: #C0263A;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-thema="licht"]) {
    color-scheme: dark;
    --mk-achtergrond: #090D12;
    --mk-vlak: #151B23;
    --mk-vlak-verhoogd: #1B222C;
    --mk-vlak-zacht: #1A2029;
    --mk-kop: #232C38;
    --mk-zebra: #19202A;
    --mk-kladblok: #352F14;
    --mk-tekst: #E4E9EF;
    --mk-tekst-zacht: #9DA9B7;
    --mk-merk: #5BB8E5;
    --mk-merk-hover: #7AC6EB;
    --mk-merk-zacht: rgba(91, 184, 229, 0.16);
    --mk-op-merk: #07202C;
    --mk-selectie: #2D56B8;
    --mk-op-selectie: #FFFFFF;
    --mk-lijn: #33404F;
    --mk-succes: #52C48C;
    --mk-succes-zacht: rgba(82, 196, 140, 0.14);
    --mk-waarschuwing: #F0B54E;
    --mk-waarschuwing-zacht: rgba(240, 181, 78, 0.14);
    --mk-fout: #FF7D88;
    --mk-fout-zacht: rgba(255, 125, 136, 0.14);
    --mk-schaduw-1: 0 1px 0 rgba(0, 0, 0, 0.35);
    --mk-schaduw-2: 0 1px 2px rgba(0, 0, 0, 0.45);
    --mk-schaduw-3: 0 4px 14px rgba(0, 0, 0, 0.55);
    --mk-focus: 0 0 0 2px rgba(91, 184, 229, 0.50);
    --mk-woord-112: #FF6B78;
  }
}
:root[data-thema="donker"] {
  color-scheme: dark;
  --mk-achtergrond: #090D12;
  --mk-vlak: #151B23;
  --mk-vlak-verhoogd: #1B222C;
  --mk-vlak-zacht: #1A2029;
  --mk-kop: #232C38;
  --mk-zebra: #19202A;
  --mk-kladblok: #352F14;
  --mk-tekst: #E4E9EF;
  --mk-tekst-zacht: #9DA9B7;
  --mk-merk: #5BB8E5;
  --mk-merk-hover: #7AC6EB;
  --mk-merk-zacht: rgba(91, 184, 229, 0.16);
  --mk-op-merk: #07202C;
  --mk-selectie: #2D56B8;
  --mk-op-selectie: #FFFFFF;
  --mk-lijn: #33404F;
  --mk-succes: #52C48C;
  --mk-succes-zacht: rgba(82, 196, 140, 0.14);
  --mk-waarschuwing: #F0B54E;
  --mk-waarschuwing-zacht: rgba(240, 181, 78, 0.14);
  --mk-fout: #FF7D88;
  --mk-fout-zacht: rgba(255, 125, 136, 0.14);
  --mk-schaduw-1: 0 1px 0 rgba(0, 0, 0, 0.35);
  --mk-schaduw-2: 0 1px 2px rgba(0, 0, 0, 0.45);
  --mk-schaduw-3: 0 4px 14px rgba(0, 0, 0, 0.55);
  --mk-focus: 0 0 0 2px rgba(91, 184, 229, 0.50);
  --mk-woord-112: #FF6B78;
}