/* QBS huisstijl — CSS tokens Lettertypes: voeg ook de Google Fonts-import toe (zie in index.html). */ :root { /* Kleuren */ --qbs-rood: #EA2F2C; /* brand rood — accenten, grote koppen, vlakken, logo */ --qbs-rood-actie: #C4231F; /* knoppen met WITTE tekst (WCAG AA-veilig) */ --qbs-rood-hover: #A31C1A; /* hover / actief */ --qbs-rood-licht: #FCEAE9; /* zacht accentvlak, highlight, badge */ --qbs-charcoal: #262626; /* titels */ --qbs-tekst: #3A3A3A; /* lopende tekst */ --qbs-muted: #707070; /* bijschrift, secundaire tekst */ --qbs-bg-licht: #F7F7F5; /* rustige sectie-achtergrond */ --qbs-lijn: #E6E4E0; /* randen, scheidingslijnen */ --qbs-wit: #FFFFFF; /* hoofdachtergrond */ /* Typografie */ --qbs-font-kop: "Fraunces", Georgia, serif; --qbs-font-tekst: "Inter", system-ui, Arial, sans-serif; /* Vorm */ --qbs-radius: 8px; --qbs-radius-lg: 12px; }