/* base.css — 08-09-2026 — SD. Gedeelde basis voor alle pagina's op
   work.cutoutallthebullshit.com: de drie @font-face-blokken, de reset en de
   tokens die op élke pagina dezelfde waarde hebben.
   Reden: elke pagina droeg een eigen kopie van dit blok; dat gaf al drift
   (OG-tags, taak 5) en de Nederlandse pagina (taak 11) zou het verdubbelen.
   Pagina-specifieke tokens (--accent, --muted, --a-*, --rotate-ms) en alle
   body/layout-regels blijven inline in de pagina zelf — hier hoort niets dat
   maar op één pagina geldt. Werkopdracht-Marktklaar-v1, taak 10.
   GDPR: fonts zijn lokaal, de bestanden staan naast dit bestand. */

/* 09-09-2026 — SD: de drie lettertypen gesubset en naar woff2 — zelfde methode
   als Caveat (08-09). Reden: 1.046 kB lettertype op een pagina die "fast,
   edge-hosted" zegt. Subset = Latijn basis + Latin-1 + leestekens + pijlen
   (U+0020-00FF, 2013-2014, 2018-201E, 2026, 2039-203A, 20AC, 2122, 2190, 2192).
   Bebas: 486 → 215 glyphs, 70/102 kB → 11/10 kB.
   Inter: variabel gehouden — beide assen (opsz 14-32, wght) blijven, maar de
   gewichtsas is met varLib.instancer ingeperkt tot 400-700: de pagina's
   gebruiken 400 en 500, 700 is de marge voor <strong>. Niet naar één statisch
   gewicht — dan verandert de typografie. 875 kB → 41 kB, 2926 → 303 glyphs.
   Originele .ttf/.otf blijven staan tot de woff2's aantoonbaar laden (zie
   Decision Log). Werkopdracht-Marktklaar-v1, taak 15. */
@font-face {
  font-family: 'Bebas Neue';
  src: url('bebas-neue.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Bebas Neue';
  src: url('bebas-neue-bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('inter-variable.woff2') format('woff2');
  font-weight: 400 700; font-style: normal; font-display: swap;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

/* Messing (--brass) is de merkkleur: favicon, METHOD-accent, OG-kaarten. */
/* 08-09-2026 — SD: handschrift voor het e-mailadres op de root.
   Caveat v1.300, Pablo Impallari, SIL OFL 1.1 — licentie staat in
   CAVEAT-OFL.txt in deze map, want de OFL eist dat hij meereist met het
   bestand, en een site die de woff2 serveert distribueert hem.
   Gesubset van 757 naar 219 glyphs (Latijn basis + leestekens) en naar woff2:
   234 kB -> 38 kB. Bewust niet alleen de tekens van het adres, zodat een
   handgeschreven regel op een voorstelpagina later niet stukloopt.
   Staat hier en niet in index.html: browsers halen een @font-face alleen op
   als de pagina hem daadwerkelijk gebruikt, dus six.html en disclaimer.html
   betalen niets. Lokaal gehost — geen Google Fonts-link, dat zou het IP van
   elke bezoeker naar een derde lekken en de belofte op disclaimer.html breken. */
@font-face {
  font-family: 'Caveat';
  src: url('caveat-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: #0A0A0A;
  --bone: #F1EBDE;
  --white: #e8e8e8;
  --line: #1a1a1a;
  --brass: #C9A84C;

  /* 08-09-2026 — SD: de zes wandaccenten hierheen verplaatst. Ze stonden
     identiek in six.html én disclaimer.html, en sinds de sectiekoppen op de
     root ze ook gebruiken, stonden ze op drie plekken. Eén bron, anders lopen
     ze uit elkaar zodra er één wordt bijgesteld. Waarden ongewijzigd — dit zijn
     exact de op luminantie genormaliseerde accenten uit de wand. */
  --a-objects:  #E4DCCA;
  --a-art:      #C4432B;
  --a-form:     #6E9E86;
  --a-method:   #C9A84C;
  --a-sounds:   #8B3F8F;
  --a-movement: #3E6FD1;

  /* 09-09-2026 — SD: de tekstvariant van dezelfde zes accenten (nameColor in
     de verticals-array van six.html). --a-* is het kleurvlak op de actieve
     tegel; --t-* is dezelfde tint leesbaar gemaakt als tekst op #0A0A0A.
     Reden: de sectiekoppen op de root gebruikten de vlakkleur — drie van de zes
     haalden daarmee alleen de grote-tekstnorm en SOUNDS stond op 3,02:1. Als
     tekst halen alle zes 4,5:1 (laagste: ART 5,29). Geen nieuwe kleuren; de
     waarden bestonden al met precies deze bedoeling. Werkopdracht-Marktklaar-v1,
     taak 17. Vlakken (tegelstrook, tegels) blijven op --a-*. */
  --t-objects:  #F1EBDE;
  --t-art:      #DB5C3F;
  --t-form:     #8FBCA4;
  --t-method:   #DBBC66;
  --t-sounds:   #B36BB8;
  --t-movement: #7C9DE2;
}
