/* ==========================================================================
   Verhuisbedrijf Holland - tokens (één bron).
   Kleuren en maten komen uit theme.json; hier worden ze gealiast naar korte
   custom properties die de component-CSS gebruikt. Wijzig kleuren in
   theme.json, niet hier. (Bouwboek: maatvoering als variabele, één plek.)
   ========================================================================== */

:root {
  /* Kleuren - alias van de theme.json-presets */
  --navy:        var(--wp--preset--color--navy);
  --steel:       var(--wp--preset--color--steel);
  --navy-900:    var(--wp--preset--color--navy-dark);
  --orange:      var(--wp--preset--color--orange);
  --orange-deep: var(--wp--preset--color--orange-deep);
  --tint:        var(--wp--preset--color--tint);
  --mist:        var(--wp--preset--color--mist);
  --white:       var(--wp--preset--color--white);
  --text:        var(--wp--preset--color--text);
  --text-soft:   var(--wp--preset--color--text-soft);
  --line:        var(--wp--preset--color--line);

  /* Kleuren op donkere ondergrond (niet in de kiezer nodig) */
  --on-navy:      #F2F4FA;
  --on-navy-soft: #C4CBDD;

  /* Maatvoering & effecten */
  --maxw:   1340px;
  --content:1240px;
  --pad:    clamp(20px, 4vw, 50px);
  --header-h: 74px;
  --r:      8px;
  --r-btn:  4px;
  --font-head: "Space Grotesk", "DM Sans", system-ui, sans-serif;
  --shadow:    0 26px 60px -32px rgba(20, 27, 55, .34);
  --shadow-sm: 0 14px 34px -22px rgba(20, 27, 55, .4);
}

/* --------------------------------------------------------------------------
   Vangnet volle-breedte blokken (bouwboek, laag 1).
   TT25 gebruikt root-padding-aware alignments, dus .alignfull krijgt zijn
   marge automatisch terug. Deze regels voorkomen horizontale overflow en
   houden dat gedrag stabiel voor blokken die we zelf in code opbouwen.
   -------------------------------------------------------------------------- */
html { overflow-x: clip; }
.wp-site-blocks { overflow-x: clip; }