/* ============================================================================
   QStylez base theme — main stylesheet
   Volgorde: tokens → reset → typografie → layout → componenten → secties → per-site
   Na een wijziging in een partial: ?v=N hieronder overal ophogen (cache).
   ============================================================================ */

/* Base */
@import url(base/variables.css?v=1);
@import url(base/reset.css?v=1);
@import url(base/typography.css?v=1);

/* Layout */
@import url(layout/layout.css?v=1);

/* Componenten */
/* Knook: eigen header/footer; header.css, navbar.css en footer.css van de base staan uit (lekten door). */
@import url(components/kn-knop.css?v=2);
@import url(components/kn-kop.css?v=6);
@import url(components/kn-voet.css?v=2);
@import url(components/javascript.css?v=1);

/* Pagebuilder */
@import url(components/pagebuilder.css?v=1);
@import url(components/section.css?v=1);

/* Knook-lagen */
@import url(lagen/kn-animaties.css?v=2);
@import url(lagen/kn-laag.css?v=2);
@import url(lagen/kn-hero.css?v=1);
@import url(lagen/kn-tekst-beeld.css?v=1);
@import url(lagen/kn-stappen.css?v=1);
@import url(lagen/kn-kenmerken.css?v=1);
@import url(lagen/kn-kaarten.css?v=2);
@import url(lagen/kn-projecten.css?v=5);
@import url(lagen/kn-project.css?v=1);
@import url(lagen/kn-batch3.css?v=3);
@import url(lagen/kn-batch4.css?v=5);

/* Per-site overrides (leeg in de base — hier zet je site-specifieke CSS) */
@import url(theme-specific/theme-mobile.css?v=1);
@import url(theme-specific/theme-ipad.css?v=1);
@import url(theme-specific/theme-ipad-landscape.css?v=1);
@import url(theme-specific/theme-desktop.css?v=1);