/* ============================================================
   Offertehulp VSV 2027 — style.css (Federatie van VSV's)
   ------------------------------------------------------------
   Dit bestand overschrijft de standaardwaarden die in de app
   zijn ingebouwd. Pas hier lettergroottes en kleuren aan;
   de app hoeft daarvoor niet opnieuw gebouwd te worden.
   Plaats dit bestand in dezelfde map als offertehulp-vsv-2027.html.
   ============================================================ */

:root {
  /* Lettergroottes (standaardtekst = --fs-m, minimaal 14px) */
  --fs-xs:   12px;   /* voetnoten, kleine labels        */
  --fs-s:    13px;   /* tabelinhoud, hints              */
  --fs-m:    14px;   /* standaardtekst, waarschuwingen  */
  --fs-l:    15px;   /* vraagteksten, knoppen           */
  --fs-xl:   17px;   /* subkoppen                       */
  --fs-xxl:  21px;   /* paginatitels                    */
  --fs-xxxl: 24px;   /* hoofdtitel                      */

  /* Kleuren (Federatie-huisstijl) */
  --c-db:    #1F4E79;  /* donkerblauw — koppen, knoppen  */
  --c-or:    #F5963A;  /* oranje — accenten, taakbalken  */
  --c-lb:    #D9E2F3;  /* lichtblauw — infovlakken       */
  --c-gr:    #E2EFDA;  /* groen — voorbeeld/ingevuld     */
  --c-ge:    #FFF2CC;  /* geel — invulvelden             */
  --c-grijs: #F2F2F2;  /* grijs — neutrale vlakken       */
}

/* De terugknop in de banner (class fed_button) kan hier
   apart worden bijgestuurd, bijv.: */
.fed_button a:hover { opacity: 0.9; }