/* ===================================================================
   $TMC — donker neon-arcade palet ("optie 1" uit stijl-proef.html)

   Eén bron van waarheid voor alle pagina's. Wordt vóór de eigen
   stylesheet van een pagina geladen.

   De kleuren komen rechtstreeks uit het heroplaatje tmcguy.jpg:
   diep violet als basis, goud als wat het oog pakt, magenta / lime /
   ijsblauw als accent, en dikke WITTE stickerranden om alles heen.
   Die witte rand blijft: dat is wat de site zijn eigen gezicht geeft
   en het is precies wat het plaatje ook doet.

   Let op bij het aanpassen: op donker zijn de accenten zelf de
   tekstkleur (helder genoeg om te lezen), terwijl ze op de vorige
   pastelversie juist te licht waren en er aparte --*-ink varianten
   voor nodig waren. Die namen bestaan nog, zodat alle bestaande
   var(--...-ink)-verwijzingen blijven werken.
   =================================================================== */
:root {
  /* achtergrond-gradient — diep violet, van het plaatje */
  --bg-1: #170435;
  --bg-2: #2c063c;
  --bg-3: #1d073a;
  --bg-4: #2a0a44;

  /* sticker-vlak en -rand */
  --card: #2a0a44;
  --card-2: #33104f;
  --stroke: #ffffff;

  /* tekst — bijna wit met een violette zweem, nooit hard wit */
  --ink: #f4e9ff;
  --ink-soft: #c9b3e6;
  --ink-faint: #a892c9;

  /* accenten */
  --pink: #e4409f;
  --pink-deep: #f05cb2;
  --lilac: #a855f7;
  --mint: #7dfc4b;
  --lemon: #fcdf05;
  --peach: #fbb864;
  --sky: #67e8f9;
  --coral: #ff6b7a;

  /* accenten als TEKSTKLEUR op de donkere achtergrond. Iets lichter dan
     het accent zelf, zodat een gekleurde kop op violet net zo goed leest
     als op een gekleurde pil. */
  --pink-ink:  #ff7ac4;
  /* Iets dieper dan --pink zelf: dit is de kleur waar WITTE tekst op staat
     (pillen, knoppen, lintjes). Op #e4409f haalde wit maar 3,8:1, op deze
     magenta uit het heroplaatje 5,5:1. */
  --pink-strong: #c21d8a;
  --lilac-ink: #c99bff;
  --mint-ink:  #9bff70;
  --lemon-ink: #fcdf05;
  --peach-ink: #fdc880;
  --sky-ink:   #8df0ff;
  --coral-ink: #ff8f9b;

  /* tekst BOVENOP een fel accent (goud, lime, ijsblauw): daar moet het
     donkere violet terug, wit is daarop onleesbaar. */
  --ink-on-accent: #2a0a44;

  /* doorschijnende lagen om vlakken binnen een kaart te scheiden zonder
     een nieuwe kleur te verzinnen */
  --veil-1: rgba(255,255,255,0.06);
  --veil-2: rgba(255,255,255,0.10);
  --veil-line: rgba(255,255,255,0.16);
  --well: rgba(0,0,0,0.32);

  /* schaduwen: op donker werkt zwart, niet violet */
  --shadow-soft: 0 6px 0 rgba(0,0,0,0.35), 0 14px 30px rgba(0,0,0,0.45);
  --shadow-tight: 0 4px 0 rgba(0,0,0,0.35), 0 8px 18px rgba(0,0,0,0.35);
  --shadow-lift: 0 10px 0 rgba(0,0,0,0.32), 0 20px 40px rgba(0,0,0,0.5);
  --stroke-text: 0 2px 0 rgba(0,0,0,0.6);

  /* vormen */
  --radius: 26px;
  --radius-sm: 16px;
  --radius-pill: 999px;
  --border: 5px;

  /* lettertypen */
  --font-display: 'Baloo 2', 'Trebuchet MS', cursive;
  --font-body: 'Nunito', 'Segoe UI', sans-serif;
}