/* hola, thema "Spaanse sfeer" (voorstel 3, claude/mock-v3-*.png).
   Alle kleuren en lettertypen van hola staan hier, voor de spelerskant en voor het beheer.
   speler.css en beheer.css gebruiken alleen deze variabelen.

   Contrast op wit (WCAG, tekst moet >= 4,5:1):
   --la #B85509 4,84 (de opgegeven #C25A0A haalde 4,41; zelfde tint, iets donkerder; op --grond 4,53)
   --el #1D4E9E 7,97 · --rojo 6,22 · --grijs 6,50 · --inkt 17,31
   --gualda en --olijf zijn vlakkleuren; voor tekst op een licht vlak dienen --gualda-tekst (5,37 op
   --gualda-licht) en --olijf-tekst (5,24 op --olijf-licht). */
:root {
    --rojo: #C1121F;          /* hoofdkleur: kop, knoppen, actieve tab, fout */
    --rojo-donker: #9B0F1A;   /* hover / ingedrukt */
    --rojo-licht: #FBE7E8;    /* achtergrond fout-paneel en focusring */
    --gualda: #F4B400;        /* gele band onder de kop, badges, "op rij", bijna */
    --gualda-licht: #FFF3D6;  /* achtergrond bijna-paneel */
    --gualda-tekst: #8A5A00;  /* tekst op gualda-licht */
    --kobalt: #17357A;        /* onderbalk */
    --el: #1D4E9E;
    --el-licht: #E6EDF8;
    --la: #B85509;
    --la-licht: #FBE9DD;
    --olijf: #5B7F2B;         /* goed, "Bezig", voortgang les */
    --olijf-licht: #EEF3E2;
    --olijf-tekst: #4E6D25;
    --grond: #FBF7F0;         /* pagina-achtergrond: gekalkte muur */
    --zand: #F2EADF;          /* chips, lege balk, rustige vlakken */
    --rand: #EADFCF;          /* randen van kaarten */
    --inkt: #231815;          /* tekst */
    --grijs: #6B5B4E;         /* secundaire tekst */
    --wit: #FFFFFF;
    --nacht: #1E1613;         /* zijbalk beheer: warm donker, past bij --inkt */
    --nacht-hover: #2E2420;
    --nacht-tekst: #BFAFA3;

    --schaduw: 0 10px 30px rgb(35 24 21 / .08);
    --schaduw-rojo: 0 10px 24px rgb(193 18 31 / .28);

    /* Fraunces (WONK = 0 in de Google Fonts-link). Het logo staat op optische grootte 18: vanaf
       ongeveer 36 krijgen de italic h en l sierhaken en lijkt "hola." op een f-vorm. */
    --font-kop: "Fraunces", Georgia, "Times New Roman", serif;
    --logo-variatie: "opsz" 18;
    --font-tekst: "Plus Jakarta Sans", system-ui, sans-serif;
    color-scheme: light;
}