/*
 * THEMA — pas hier kleuren, lettertype en maten aan.
 * Geel = vraagt aandacht (actief scherm). Zwart met geel = rust.
 * Kleuren zijn een schermbenadering van de RAL-kleuren; stel bij op locatie.
 */

@font-face { font-family: "Museo"; src: url("fonts/museo-300.woff2") format("woff2"); font-weight: 300; font-display: block; }
@font-face { font-family: "Museo"; src: url("fonts/museo-500.woff2") format("woff2"); font-weight: 500; font-display: block; }
@font-face { font-family: "Museo"; src: url("fonts/museo-700.woff2") format("woff2"); font-weight: 700; font-display: block; }

:root {
  --geel:        #F6B600;   /* RAL 1021 koolzaadgeel (benadering) */
  --honing:      #A98307;   /* RAL 1005 honinggeel (benadering)  */
  --zwart:       #0B0B0A;
  --zwart-vlak:  #191711;   /* iets lichter vlak op zwart        */
  --geel-zacht:  rgba(246, 182, 0, 0.55);
  --geel-lijn:   rgba(246, 182, 0, 0.28);

  --font: "Museo", "Noto Sans SC", "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;

  /* Basiseenheid: schaalt mee met elk scherm (10" en 22" gelijk van verhouding). */
  --u: min(1vw, 1.6vh);

  --radius: calc(var(--u) * 1.1);
  --rand:   calc(var(--u) * 0.28);
}