/* ============================================================
   THEME.CSS — zachter, lichter & mooier kleurpalet
   Als LAATSTE geladen zodat het de tokens en de hardcoded
   donkere vlakken overschrijft. Eén plek voor de hele look.
   ============================================================ */

:root {
  /* Merk-lime blijft, met een fris mint-accent ernaast */
  --color-primary: #C2DE14;
  --color-primary-dark: #a7c000;
  --color-primary-rgb: 194, 222, 20;
  --color-accent: #2DD4BF;

  /* Mooiere, iets lichtere indigo i.p.v. het harde marineblauw */
  --color-dark: #273a6b;
  --color-dark-secondary: #32477c;

  /* Zachtere tekst & luchtige, lichte achtergronden */
  --color-text: #232b3d;
  --color-text-gray: #6b7488;
  --color-light-bg: #f5f7fc;
  --color-border: #e8edf6;

  /* Herbruikbare zachte donker-gradient */
  --grad-dark: linear-gradient(155deg, #2d4179 0%, #213461 58%, #1b2c54 100%);
  --overlay-dark: linear-gradient(115deg, rgba(27,44,84,0.92) 0%, rgba(27,44,84,0.66) 52%, rgba(27,44,84,0.34) 100%);
}

/* Iets warmere, zachtere body-achtergrond */
body { background-color: #fbfcfe; }

/* ── Donkere vlakken → mooiere, lichtere indigo-gradient ──── */
.section-offerte-v2 {
  background:
    radial-gradient(60% 50% at 85% 0%, rgba(45, 212, 191, 0.16) 0%, transparent 60%),
    var(--grad-dark);
}
.svc-cta-box,
.calc-result {
  background: var(--grad-dark);
}
.section-stats {
  background: var(--grad-dark) !important;
}
.site-ftr {
  background: radial-gradient(120% 120% at 80% -10%, #34497f 0%, #243766 52%, #1b2c54 100%);
}

/* Foto-overlays in hero's: zachtere indigo i.p.v. zwart-blauw */
.hero-slideshow__overlay {
  background:
    var(--overlay-dark),
    linear-gradient(0deg, rgba(27,44,84,0.5) 0%, transparent 45%);
}
.contact-hero__bg::after {
  background: linear-gradient(115deg, rgba(27,44,84,0.92) 0%, rgba(27,44,84,0.7) 55%, rgba(27,44,84,0.4) 100%);
}
/* Dienst-hero: hele afbeelding zichtbaar (contain), tekst leesbaar via
   donkere overlay aan de linkerkant die naar rechts uitfadet. */
.svc-hero__bg::after {
  background: linear-gradient(115deg, rgba(27,44,84,0.55) 0%, rgba(27,44,84,0.2) 40%, rgba(27,44,84,0) 68%);
}

/* Lichtere, zachte sectie-tinten voor meer lucht */
.section-usp,
.section-testimonials,
.section-photos { background-color: #f5f7fc; }
.section-why { background: linear-gradient(180deg, #f5f7fc 0%, #ffffff 100%); }

/* Footer CTA-knop past bij de nieuwe indigo */
.ftr-cta .btn-primary { background: #273a6b; border-color: #273a6b; }
.ftr-cta .btn-primary:hover { background: #1b2c54; border-color: #1b2c54; }

/* Zachtere kaart-schaduwen (minder hard) */
:root {
  --shadow-md: 0 6px 24px rgba(39, 58, 107, 0.08);
  --shadow-lg: 0 14px 40px rgba(39, 58, 107, 0.12);
}

/* Lime-knoppen: tekst op de iets zachtere lime blijft het donker-indigo */
.btn-primary { color: #1b2c54; }