/* =====================================================================
   THEMA — alle kleuren en lettertypen van de app staan hier.
   Gebaseerd op de ONQC-site van Progress Events: felgeel en zwart,
   smalle vette letter in hoofdletters, rechte hoeken, rasterstippen.
   Lettertypen: Archivo Narrow en Archivo Black (SIL Open Font License,
   zie fonts/OFL-Archivo.txt), lokaal meegeleverd zodat ze ook offline werken.
   ===================================================================== */
@font-face { font-family: "Archivo Narrow"; font-weight: 400; font-display: swap;
  src: url("fonts/archivo-narrow-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Archivo Narrow"; font-weight: 600; font-display: swap;
  src: url("fonts/archivo-narrow-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Archivo Narrow"; font-weight: 700; font-display: swap;
  src: url("fonts/archivo-narrow-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Archivo Black"; font-weight: 400; font-display: swap;
  src: url("fonts/archivo-black-latin-400-normal.woff2") format("woff2"); }

:root {
  --geel: #fff200;
  --zwart: #0a0a0a;
  --wit: #ffffff;

  --kleur-achtergrond: var(--geel);     /* pagina */
  --licht: #FFFBDF;                     /* lichtgeel, zelfde als de vloer op de plattegrond */
  --kleur-vlak: var(--licht);           /* kaarten, invoervelden: lichtgeel, rustiger dan wit */
  --kleur-tekst: var(--zwart);
  --kleur-tekst-stil: #4a4a3a;
  --kleur-rand: var(--zwart);
  --kleur-rand-zacht: #d8d39a;          /* lijnen binnen een kaart */

  --kleur-kop: var(--geel);             /* bovenbalk met menu */
  --kleur-kop-tekst: var(--zwart);
  --kleur-menu-actief: var(--wit);      /* actief menu-item: wit vlak, zoals op de site */
  --kleur-menu-actief-tekst: var(--zwart);

  --kleur-accent: var(--zwart);         /* knoppen */
  --kleur-accent-tekst: var(--wit);
  --kleur-markering: var(--geel);       /* labels, focusrand */

  --kleur-donker: var(--zwart);         /* bijwerkbalk en voet: zwart met geel, zoals de zwarte secties */
  --kleur-donker-tekst: var(--wit);
  --kleur-donker-accent: var(--geel);

  --kleur-ok: #1e6b3a;
  --kleur-fout: #b3261e;

  --letter-kop: "Archivo Narrow", "Arial Narrow", Arial, sans-serif;
  --letter-tekst: "Archivo Narrow", "Arial Narrow", Arial, sans-serif;
  --letter-display: "Archivo Black", "Arial Black", Arial, sans-serif;   /* logo en grote cijfers */
  --kop-gewicht: 700;
  --kop-hoofdletters: uppercase;
  --knop-letterafstand: .08em;

  --hoek: 0;                             /* rechte hoeken */
  --rand-dikte: 2px;
  --raster: radial-gradient(var(--zwart) 28%, transparent 30%) 0 0 / 9px 9px;  /* stippenpatroon */
}