/* GEGENEREERD door _tools/maak_tokens.py uit design/tokens.json. Niet met de hand wijzigen. */
/* Lexend Deca: SIL Open Font License 1.1, variabel bestand 100..900, latin subset, lokaal (geen externe request). */
@font-face{font-family:'Lexend Deca';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/lexend-deca-latin-var.woff2) format('woff2')}
:root{
  /* merkpalet (Stijlgids p5) */
  --db-zwart:#0C0C0C;
  --db-grijs:#404040;
  --db-roze:#FF00FF;
  --db-wit:#F6F6F6;
  --db-zwart-rgb:12 12 12;
  --db-roze-rgb:255 0 255;
  /* buiten het palet, maar gebruikt door de Stijlgids zelf */
  --db-puurwit:#FFFFFF;
  --db-rook:#5B5958;
  /* gradient (Stijlgids p6) */
  --db-gradient:linear-gradient(180deg, #0C0C0C 0%, #404040 100%);
  --db-gradient-om:linear-gradient(180deg, #404040 0%, #0C0C0C 100%);
  /* rollen (OPEN-VRAGEN 7: #F6F6F6 vlakken op wit, #0C0C0C tekst, roze nooit als tekst op licht) */
  --db-achtergrond:var(--db-puurwit);
  --db-vlak:var(--db-wit);
  --db-tekst:var(--db-zwart);
  --db-tekst-zacht:var(--db-grijs);
  --db-tekst-op-donker:var(--db-wit);
  --db-actie:var(--db-roze);
  --db-actie-tekst:var(--db-puurwit); /* gebruiker 2026-10-27 (4x): witte tekst op roze blokken; was --db-zwart */
  /* offerteknoppen groen (memory brand-logos-and-green-offerte); secties definieerden dit elk lokaal, nu gedeeld */
  --offerte:#15803D;
  --offerte-hover:#166534;
  /* lettertypen (Stijlgids p8; Helvetica heeft geen vrije weblicentie: Helvetica, Arial-stapel, OPEN-VRAGEN 7) */
  --db-font-kop:'Lexend Deca',system-ui,-apple-system,'Segoe UI',sans-serif;
  --db-font-tekst:Helvetica,Arial,sans-serif;
  /* maten uit de Stijlgids (pt omgerekend 1:1 naar px voor het scherm) */
  --db-radius:5px;
  --db-rand:1px;        /* EEN dikte voor elke roze rand/outline op de hele site (gebruiker 2026-10-28); secties zetten nooit een eigen roze randdikte */
  --db-balk:4px;        /* roze balk onder een paneel */
  --db-balk-links:2px;  /* roze balk links van een tekstvlak */
  /* EEN helling voor alle schuine randen op de hele site (RULES 4.7, 2.3a); nooit een eigen hoek per sectie */
  --db-helling:4deg;
  --db-schaduw:0 1px 2px rgb(var(--db-zwart-rgb) / .06),0 18px 40px -26px rgb(var(--db-zwart-rgb) / .35);
  --db-focus:var(--db-roze);
}