/* Reset: geen browser-standaard margin/padding, box-sizing overal border-box */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* Design tokens: kleuren die door de hele site gebruikt worden */
:root {
  --charcoal:   #1a1a1a;
  --off-white:  #f7f3ee;
  --warm-white: #faf8f4;
  --gold:       #c9a84c;
  --gold-light: #e8d4a0;
  --sage:       #8a9e8a;
  --umber:      #6b4f3a;
  --mid-gray:   #888;
  --rule:       rgba(0,0,0,0.12);
}

/* Soepel scrollen naar ankers (bv. via het navigatiemenu) */
html { scroll-behavior: smooth; }

/* Basis-typografie voor de hele pagina */
body {
  background: var(--off-white);
  color: var(--charcoal);
  font-family: 'Work Sans', sans-serif;
  font-weight: 300;
  line-height: 1.7;
  font-size: 16px;
  overflow-x: hidden;
}