/*
 * Shifler publieke website — instellingen uit Design-briefing v3, 22 september 2026.
 * Aangesloten op de website-import v7 via scripts/build.mjs.
 * Zelfstandige --site-rollen: geen wijziging van applicatie- of statuskleuren.
 * Fonts worden door de website geladen; dit bestand bevat geen fontbinaries.
 */
:root {
  --site-color-brand: #1f242e;
  --site-color-action: #2743e3;
  --site-color-surface: #ffffff;
  --site-color-warm-accent: #ffd56a;
  --site-color-warm-surface: #f6f2ea;
  --site-color-text: #1f242e;
  --site-color-whatsapp: #117c47;

  --site-font-heading: "Poppins", sans-serif;
  --site-font-body: "Inter", sans-serif;
  --site-content-max: 1280px;
  --site-gutter-desktop: 40px;
  --site-gutter-mobile: 20px;
  --site-gutter-small: 16px;

  --site-heading-desktop-min: 64px;
  --site-heading-desktop-max: 76px;
  --site-heading-mobile-min: 36px;
  --site-heading-mobile-max: 40px;
  --site-heading-leading-desktop: 1.05;
  --site-heading-leading-mobile: 1.1;
  --site-body-desktop-min: 18px;
  --site-body-desktop-max: 20px;
  --site-body-mobile-min: 17px;
  --site-body-mobile-max: 18px;
  --site-body-leading-min: 1.5;

  --site-section-desktop-min: 96px;
  --site-section-desktop-max: 128px;
  --site-section-mobile-min: 56px;
  --site-section-mobile-max: 72px;
  --site-button-height-desktop: 52px;
  --site-button-height-mobile: 48px;
  --site-feature-radius-desktop-min: 64px;
  --site-feature-radius-desktop-max: 96px;
  --site-feature-radius-mobile-min: 32px;
  --site-feature-radius-mobile-max: 48px;
  --site-nav-transition-min: 180ms;
  --site-nav-transition-max: 220ms;
}