/* Wavemakers design tokens. Waarden komen 1:1 uit het oorspronkelijke design. */
:root {
  /* Kleuren */
  --wm-navy: #02435E;
  --wm-navy-dark: #012C3E;
  --wm-navy-hover: #0A5273;
  --wm-sand: #E8DC74;
  --wm-sand-hover: #F0E68A;
  --wm-sand-dark: #C6B43B;
  --wm-teal: #17A2AE;
  --wm-coral: #E97B5A;
  --wm-cream: #FBF5DA;
  --wm-cream-2: #F6EFD4;
  --wm-cream-3: #FCF6DC;
  --wm-cream-hover: #F3E9BF;
  --wm-text-body: #17506B;
  --wm-text-intro: #14485F;
  --wm-text-muted: #3E6C81;
  --wm-white: #fff;

  /* Hover-tinten dropdown */
  --wm-tint-coral: #FDEDE7;
  --wm-tint-sand: #FBF5DA;
  --wm-tint-teal: #E2F4F5;
  --wm-tint-navy: #E6EFF3;

  /* Typografie */
  --wm-font: Inter, system-ui, sans-serif;

  /* Layout */
  --wm-container: 1500px;
  --wm-pad: clamp(18px, 3vw, 40px);

  /* Beweging */
  --wm-ease: cubic-bezier(.2, .8, .3, 1);

  /* Golf-hoogte */
  --wm-wave-h: clamp(48px, 6.5vw, 110px);
}