/* Festival Style Guide, designtokens, uit het ontwerp van 30-08-2026.
   Zwart, acid lime, wit. Anton voor koppen, Barlow Condensed voor labels en
   knoppen, Barlow voor lopende tekst.

   Dit bestand laadt ná het Pixio-thema: skin-1.css zet zelf --primary en
   --bg-light op :root, en bij gelijke specificiteit wint wat later komt. Juist
   die overschrijving is het doel. */

:root{
  /* ---- basis ---- */
  --ink:#0B0B0B;           /* tekst, zwarte vlakken, koppen */
  --ink-2:#161616;         /* de voet, iets lichter dan de rest */
  --lime:#D4F221;          /* het merkgroen: accent, actieve staat, markering */
  --lime-deep:#B7D414;     /* lime als tekstkleur, want puur lime leest niet op wit */
  --paper:#FFFFFF;         /* paginabasis */
  --mist:#F3F3F1;          /* rustige blokken, tweede vlak */
  --line:#E4E4E0;          /* hairlines, randen */
  --muted:#6E6E68;         /* bijschriften */

  /* ---- stiftenset: alleen als randje bij conditiekaarten ---- */
  --m-weer:#52E0EA;
  --m-ondergrond:#FF8A1F;
  --m-terrein:#D4F221;
  --m-publiek:#FF3D9A;

  /* ---- type ---- */
  --display:'Anton','Arial Narrow',Impact,sans-serif;
  --ui:'Barlow Condensed','Arial Narrow',sans-serif;
  --body:'Barlow',-apple-system,'Segoe UI',Roboto,sans-serif;

  --fs-body:15px;
  --lh-body:1.55;
  --maat-tekst:62ch;
  --wrap:1240px;
  --radius:2px;
  --radius-pil:999px;

  /* ---- overschrijft het thema ---- */
  --primary:var(--ink);
  --primary-hover:#2B2B2B;
  --primary-dark:var(--ink);
  --secondary:var(--lime);
  --dark:var(--ink);
  --title:var(--ink);
  --theme-text-color:var(--ink);
  --bg-light:var(--paper);
  --border-color:var(--line);
  --border-radius-base:var(--radius);
  /* De twee perzikgradients van het thema vervallen. */
  --gradient1:var(--mist);
  --gradient2:var(--mist);
}

body{
  background:var(--paper); color:var(--ink);
  font-family:var(--body); font-size:var(--fs-body); line-height:var(--lh-body);
}

/* Koppen staan in het displaylettertype en in hoofdletters. Anton heeft één
   gewicht; wil je een kop lichter, gebruik dan Barlow Condensed 700. */
h1,h2,h3,h4{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.01em}
h1,h2{line-height:.96}
h3,h4{line-height:1.1}

/* Labels, knoppen en meetwaarden: Barlow Condensed, gesperd, hoofdletters. */
.ui,[data-meet]{font-family:var(--ui);font-weight:600;letter-spacing:.12em;text-transform:uppercase}

p{max-width:var(--maat-tekst)}
a{color:inherit}
::selection{background:var(--lime);color:var(--ink)}
:focus-visible{outline:3px solid var(--lime);outline-offset:2px}