/* GEGENEREERD door tools/build-brand.js — niet met de hand wijzigen.
   De bron is lib/brand.js. Daar staat ook waarom elke kleur is wat hij is. */

:root{
  --paper:#F6F3ED;
  --sheet:#FFFDF9;
  --sheet-2:#EFEBE2;
  --seam:rgba(22,29,26,.15);
  --seam-soft:rgba(22,29,26,.085);
  --shade:rgba(22,29,26,.045);

  --ink:#161D1A;
  --ink-2:#47514C;
  --muted:#626C67;
  --faint:#5F6863;

  --live:#00614A;
  --live-deep:#004D3A;
  --live-tint:rgba(0,97,74,.09);
  --live-rule:rgba(0,97,74,.42);
  --gold:#8A5A12;
  --gold-tint:rgba(138,90,18,.10);

  --keep:#161D1A;
  --delegate:#8A5A12;
  --automate:#00614A;
  --eliminate:#6B665C;
  --keep-fill:#161D1A;
  --delegate-fill:#B98427;
  --automate-fill:#00614A;
  --eliminate-fill:#C6C1B6;
  --signal:#8A5A12;

  --display:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Public Sans","Segoe UI",Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;

  --maxw:1160px;
  --gut:clamp(18px,4vw,40px);
  --r:3px;

  /* Terugwaartse compatibiliteit: oudere bladen noemen deze namen nog. */
  --graphite:#F6F3ED;
  --panel:#FFFDF9;
  --panel-2:#EFEBE2;
  --raised:#E4DFD4;
  --live-dim:rgba(0,97,74,.14);
}

/* De vier keuzes als herbruikbare klassen; overal op de site hetzelfde. */
.c-keep{color:var(--keep)} .c-delegate{color:var(--delegate)}
.c-automate{color:var(--automate)} .c-eliminate{color:var(--eliminate)}
.bg-keep{background:var(--keep-fill)} .bg-delegate{background:var(--delegate-fill)}
.bg-automate{background:var(--automate-fill)} .bg-eliminate{background:var(--eliminate-fill)}