/* Huisstijl Knockwise (merk.py, uit merk.json). Overschrijft alleen tokens van app.css. */
:root{
  --bg:#F4F5F7;
  --merk:#1B1E24;
  --merk-donker:#0A0B0E;
  --merk-licht:rgba(27,30,36,.08);
  --merk-tekst:#1B1E24;
  --op-merk:#FFFFFF;
  --op-merk-zacht:#C9CCD1;
  --limoen:#1B1E24;
  --limoen-licht:rgba(27,30,36,.08);
  --limoen-rand:rgba(27,30,36,.35);
  --limoen-inkt:#FFFFFF;
  --op-vlak-zacht:#AEB1B7;
  --toast-actie:#FFFFFF;
  --k-selectie:#0A0B0E;
  --k-gekozen:#0A0B0E;
  --anker:#1B1E24;
  --vlak:#1B1E24;
}
:root[data-thema=donker]{
  --bg:#0A0B0E;
  --merk:#F7F5EF;
  --merk-donker:#FFFFFF;
  --merk-licht:rgba(255,250,240,.12);
  --merk-tekst:#F7F5EF;
  --op-merk:#0A0B0E;
  --op-merk-zacht:#3A3D44;
  --limoen:#F7F5EF;
  --limoen-licht:rgba(255,250,240,.12);
  --limoen-rand:rgba(255,250,240,.35);
  --limoen-inkt:#0A0B0E;
  --op-vlak-zacht:#AEB1B7;
  --toast-actie:#FFFFFF;
  --k-selectie:#F7F5EF;
  --k-gekozen:#F7F5EF;
  --anker:#1B1E24;
  --vlak:#1B1E24;
}
@media (prefers-color-scheme:dark){:root:not([data-thema=licht]){
  --bg:#0A0B0E;
  --merk:#F7F5EF;
  --merk-donker:#FFFFFF;
  --merk-licht:rgba(255,250,240,.12);
  --merk-tekst:#F7F5EF;
  --op-merk:#0A0B0E;
  --op-merk-zacht:#3A3D44;
  --limoen:#F7F5EF;
  --limoen-licht:rgba(255,250,240,.12);
  --limoen-rand:rgba(255,250,240,.35);
  --limoen-inkt:#0A0B0E;
  --op-vlak-zacht:#AEB1B7;
  --toast-actie:#FFFFFF;
  --k-selectie:#F7F5EF;
  --k-gekozen:#F7F5EF;
  --anker:#1B1E24;
  --vlak:#1B1E24;
}}