/* Zero Slack-merklaag. GEGENEREERD door build.js — niet met de hand wijzigen.

   Zelfde tokennamen als het stijlblad van de bronsite, zodat
   geen enkele opmaakregel van de bron hoeft te veranderen — alleen de waarden
   erachter. Bron van de waarden: de :root van de live zeroslack.nl.
     carbon #0A0A0A · papier #F4F3EF · acid #C6F432
     Archivo (900 voor koppen) + JetBrains Mono (labels, cijfers)
     spiegel 1440px · marge clamp(20px,5vw,80px) · hoekradius 0 */

:root{
  /* ---- vlakken ---- */
  --acid:#C6F432;
  --paper:#F4F3EF;
  --sheet:#FFFFFF;
  --sheet-2:#F4F3EF;
  --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 en is acid het hooglicht.
     Acid als letterkleur op papier haalt 1,6:1 en mag dus nooit tekst zijn;
     het is altijd een vlak waarop carbon staat. De skin-lagen zetten acid
     daar neer waar zeroslack.nl het ook neerzet. */
  --live:#0A0A0A;
  --live-deep:#C6F432;
  --live-tint:rgba(198,244,50,.45);
  --live-rule:rgba(10,10,10,.42);
  --live-dim:rgba(10,10,10,.06);
  --gold:#8C5309;
  --gold-tint:rgba(224,138,0,.12);

  /* ---- de vier keuzes ----
     Het enige onderscheidende beeldbezit van de bron: houden / delegeren /
     automatiseren / schrappen. 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 ---- */
  --maxw:1440px;
  --gut:clamp(20px,5vw,80px);
  --r:0px;
  --r-lg:0px;

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

/* 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)}

/* Het woordmerk van het moedermerk: ZERO [SLACK op acid] WEEK — precies zoals
   .logo b op zeroslack.nl. Carbon op acid, dus ook op een carbon band leesbaar. */
.zs-hl{background:var(--acid);color:#0A0A0A;padding:0 .22em;box-decoration-break:clone;-webkit-box-decoration-break:clone}