{
  "_bron": "Overgenomen uit :root in assets/css/style.css. Geen waarde hier is los van de code bedacht; wijzig style.css en bouw dit bestand daarna opnieuw.",
  "_gebouwd": "2026-09-01, lettertype bijgewerkt op 2026-09-01",
  "kleur": {
    "canvas": { "waarde": "#121212", "css": "--bg", "rol": "Obsidian — het vlak" },
    "scheiding": { "waarde": "#333333", "css": "--line", "rol": "Graphite — 1px scheidingen, 1,483:1 tegen het vlak" },
    "scheiding-zacht": { "waarde": "#222222", "css": "--line-soft", "rol": "1,177:1 tegen het vlak" },
    "wit": { "waarde": "#FAFAFA", "css": "--white", "rol": "Platinum White — titels onder 32px" },
    "display": { "waarde": "#EDEDED", "css": "--display", "rol": "koppen vanaf 32px, dempt halatie op groot formaat" },
    "tekst": { "waarde": "#A3A3A3", "css": "--text", "rol": "Ash — lopende tekst, 7,43:1 tegen het vlak" },
    "tekst-dim": { "waarde": "#8A8A8A", "css": "--text-dim", "rol": "Ash dim — labels, micro-tekst, 5,43:1 tegen het vlak" },
    "merk": { "waarde": "#E8E8E8", "css": "--merk / --accent", "rol": "Brushed Steel — knoppen, actieve status, focusrand" }
  },
  "kleur_niet_in_gebruik": {
    "_note": "Gedefinieerd in de code maar nergens toegepast. De site is zwart-wit; deze staan klaar mocht dat ooit veranderen.",
    "ok": "#10B981",
    "ok-achtergrond": "#064E3B",
    "gevaar": "#EF4444",
    "gevaar-achtergrond": "#451A1A"
  },
  "maten": {
    "container": { "waarde": "1440px", "css": "--container" },
    "marge": { "waarde": "32px", "css": "--gutter", "mobiel": "24px onder 768px" }
  },
  "typografie": {
    "_note": "Dit zijn de rauwe waarden uit de code, geen afgeleide schaal. Er ligt geen vaste verhouding tussen deze maten vast; zie bron.html voor waarom.",
    "lettertype": "Inter, variabel gewicht 100-900, zelf gehost in assets/fonts/inter/. Geen Google Fonts- of andere externe koppeling.",
    "basis": "clamp(1.6rem, calc(1.5rem + 0.3vw), 1.8rem)",
    "h1": "clamp(4.0rem, 4.4vw, 7.2rem)",
    "h2": "clamp(3.2rem, calc(2.8rem + 1.2vw), 4.0rem)",
    "h3": "clamp(2.0rem, calc(1.8rem + 0.6vw), 2.4rem)",
    "h4": "1.8rem — gedefinieerd, maar komt in geen enkele pagina voor (dode code)",
    "mobiel_h2": "21px",
    "mobiel_h3": "18px",
    "mobiel_h4": "16px — zelfde: nergens toegepast",
    "eyebrow": "1.2rem",
    "source": "1.2rem",
    "verwijzing": "18px / 14px / 12px, mobiel 16px / 14px / 12px"
  }
}