/* ===========================================================================
VILVOORDSE DARTSLIGA — DESIGN SYSTEM
Geëxtraheerd uit het UI/UX-prototype, klaar voor een echte (PHP-)pagina.
GEBRUIK
- Eén keer inladen op elke pagina, in , NA de Google Fonts-link:
(Wil je niet afhankelijk zijn van Google's servers? Download de fonts en
verwijs lokaal — de rest van dit bestand verandert dan niet.)
RESPONSIVE-AANPAK
Dit bestand werkt met gewone, mobile-first @media-breakpoints — geen
JavaScript nodig om van mobiel naar desktop te schakelen, dat doet de
browser vanzelf:
basis = mobiel (geen voorvoegsel nodig)
≥ 700px = tablet (TABLET-breakpoint hieronder)
≥ 1080px = desktop (DESKTOP-breakpoint hieronder)
Pas de pixelwaarden in de @media-regels aan als je andere knikpunten wil;
ze zijn bewust overal hetzelfde gehouden (700 / 1080) zodat je ze kan
terugvinden met een simpele zoekopdracht.
KLASSENAMEN
Identiek aan de klassen die in het klikbare prototype gebruikt worden
(.card, .pill, .chip, .stat-tile, .mc-row, …). Kopieer je markup dus
gewoon over uit het prototype; je hoeft niets te hernoemen.
ICONEN
De iconen in het prototype zijn kleine inline SVG's (zie ICON_PATHS in de