:root{
  --roze:#FAE8E4; --geel:#FFFDE0; --groen:#E9F5EE; --paars:#EFEBF5;
  --blauw:#E6F3FF; --oranje:#FFEED4; --zand:#F5EFE3; --grijs:#F1F1EC;
  --zwart:#111; --tekst:#151515; --wit:#FFFFFF;
  --structuur:#4a4a4a;
  --rand:#f1f1ec;
  --kader:color-mix(in srgb, #f1f1ec 72%, #fff);
  --vlak:#F1F1EC;
  --grijs-stil:#8a8a8a; --grijs-cijfer:#b4b4b4;
  --letter:Inter, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --tracking:0.2px;
  --ritme:1.6;
  --groot:21px; --gewoon:14px; --klein:12px;
  --vet:600;
  --grond:color-mix(in srgb, #F1F1EC 55%, #FFFFFF);
  --bol:8px; --bolletje:8px; --pil:8px; --rond:999px;
  --dikte:1px; --lijnsoort:dashed;
  --accent:var(--zand);
  /*
   * Lijnen, randen en balkjes in het accent (haar vraag, 23 oktober 2026: geen
   * heel zwarte lijnen meer). Zand zelf verdwijnt als lijn op de lichte grond,
   * dus een diepere tint ervan: haar zand gemengd met het grijs van de app.
   */
  --accentlijn:color-mix(in srgb, #F5EFE3 62%, #4a4a4a);
  --knop:#f1f1ec; --knop-tekst:#111111; --knop-op:color-mix(in srgb, #f1f1ec 84%, #000);
  --knop-rand:color-mix(in srgb, #f1f1ec 55%, #4a4a4a);
  --knop-py:12px; --knop-px:20px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--grond);color:var(--tekst);font-family:var(--letter);font-weight:400;
  font-size:var(--gewoon);line-height:var(--ritme);letter-spacing:var(--tracking);text-align:left;-webkit-font-smoothing:antialiased}
mark{ background-color: transparent; background-image: linear-gradient(var(--kleur), var(--kleur)); background-repeat: no-repeat; background-size: 100% 1.32em; background-position: 0 .08em; padding: 0 .14em; border-radius: 2px; color: inherit; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
b,strong{font-weight:var(--vet)}
h1,h2,h3{margin:0;letter-spacing:var(--tracking);color:var(--tekst);text-wrap:balance}
h1{font-size:var(--groot);line-height:1.35;font-weight:var(--vet);margin:0 0 8px}
h2{font-size:var(--gewoon);font-weight:var(--vet);margin:0 0 4px}
h3{font-size:var(--gewoon);font-weight:var(--vet);margin:0 0 2px}
p{margin:0 0 18px}
a{color:var(--tekst);text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accentlijn);outline-offset:2px}
.stil{color:var(--grijs-stil)} .klein{font-size:var(--klein)} .vet{font-weight:var(--vet)}