/* Zero Slack-merklaag voor de demokopie.
   Zelfde tokennamen als de bron, zodat geen enkele opmaakregel hoeft te
   veranderen — alleen de waarden erachter. Bron van de waarden: de :root
   van zeroslack.nl (carbon #0A0A0A · papier #F4F3EF · acid #C6F432). */

:root{
  /* vlakken */
  --acid:#C6F432;
  --paper:#F4F3EF;
  --sheet:#F4F3EF;
  --sheet-2:#FFFFFF;
  --seam:rgba(10,10,10,.16);
  --seam-soft:rgba(10,10,10,.085);
  --shade:rgba(10,10,10,.045);

  /* inkt */
  --ink:#0A0A0A;
  --ink-2:rgba(10,10,10,.72);
  --muted:rgba(10,10,10,.60);
  --faint:rgba(10,10,10,.60);
  --ink-60:rgba(10,10,10,.60);
  --ink-30:rgba(10,10,10,.16);
  --pap-60:rgba(244,243,239,.60);
  --pap-20:rgba(244,243,239,.18);

  /* accent: bij Zero Slack is de primaire actie carbon, de highlight acid */
  --live:#0A0A0A;
  --live-deep:#C6F432;
  --live-tint:rgba(198,244,50,.45);
  --live-rule:rgba(10,10,10,.42);
  --gold:#8C5309;
  --gold-tint:rgba(224,138,30,.12);

  /* de vier keuzes — het enige onderscheidende beeldbezit van de bron.
     Blijft vier herkenbare toestanden, nu in het Zero Slack-palet:
     houden = carbon, automatiseren = acid (de winst), delegeren = amber,
     schrappen = grijs (van je bord af). */
  --keep:#0A0A0A;
  --delegate:#8C5309;
  --automate:#5F7A06;
  --eliminate:rgba(10,10,10,.60);
  --keep-fill:#0A0A0A;
  --delegate-fill:#E08A00;
  --automate-fill:#C6F432;
  --eliminate-fill:#D9D7CF;
  --signal:#8C5309;

  /* schrift */
  --display:'Archivo','Helvetica Neue',Arial,sans-serif;
  --sans:'Archivo','Helvetica Neue',Arial,sans-serif;
  --mono:'JetBrains Mono','SFMono-Regular',Menlo,monospace;

  /* maatvoering van zeroslack.nl: bredere spiegel, ruimere marge, scherpe hoek */
  --maxw:1440px;
  --gut:clamp(20px,5vw,80px);
  --r:0px;

  /* terugwaartse compatibiliteit (oudere bladen in de bron) */
  --graphite:#F4F3EF;
  --panel:#F4F3EF;
  --panel-2:#FFFFFF;
  --raised:#FFFFFF;
  --live-dim:rgba(10,10,10,.14);
}

.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)}