/* =========================================================
   LeadSprint Starter – Main stylesheet
   Importeert alle design tokens, basis styling en widget CSS.

   Voeg snippets toe? Plak hieronder een @import en kopieer
   de bijbehorende files vanuit _snippets/<widget>/.

   LET OP — cachebusting: WordPress hangt alleen aan main.css zelf
   een ?ver= (filemtime). De ge-importeerde bestanden hieronder
   erven die niet en worden 30 dagen door de browser gecachet.
   Wijzig je een van deze bestanden, bump dan de ?v= stempel
   hieronder (zoek-vervang op de datum) zodat bezoekers de nieuwe
   CSS krijgen.
========================================================= */

/* Fonts */
@import url("./fonts.css?v=20260816");

/* Tokens & basis */
@import url("./colors.css?v=20260816");
@import url("./tokens.css?v=20260816");
@import url("./typography.css?v=20260816");
@import url("./layout.css?v=20260816");
@import url("./spacing.css?v=20260816");
@import url("./sections.css?v=20260816");

/* Componenten */
@import url("./buttons.css?v=20260816");
@import url("./header.css?v=20260816");
@import url("./footer.css?v=20260816");

/* Widgets (kern) */
@import url("./widgets/hero.css?v=20260816");
@import url("./widgets/content.css?v=20260816");
@import url("./widgets/cta.css?v=20260816");
@import url("./widgets/contact.css?v=20260816");
@import url("./widgets/page-contact.css?v=20260816");

/* Widgets (Fase 3 — page-builder secties) */
@import url("./widgets/pricing.css?v=20260816");
@import url("./widgets/pricing-tabs.css?v=20260816");
@import url("./widgets/cards.css?v=20260816");
@import url("./widgets/card.css?v=20260816");
@import url("./widgets/gallery.css?v=20260816");
@import url("./widgets/menu-switch.css?v=20260816");
@import url("./widgets/menu-translated.css?v=20260816");
@import url("./widgets/quote.css?v=20260816");

/* Site-wide scroll & reveal */
@import url("./scroll.css?v=20260816");

/* =========================================================
   Canvas
========================================================= */
html,
body {
  background: var(--color-bg);
}

/* =========================================================
   Premium polish — global rendering tweaks
========================================================= */
html {
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
}

body {
  overflow-x: clip;
}

::selection {
  background: var(--color-primary, #233D42);
  color: #fff;
}

img,
video {
  max-width: 100%;
  height: auto;
  display: block;
}

a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--color-accent, #FFD000);
  outline-offset: 3px;
  border-radius: var(--radius-sm, 8px);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}