:root {
  /* Kleuren */
  --gm-ivory:   #F8F5F0;   /* warm wit — achtergrond */
  --gm-cream:   #EDE8E0;   /* crème — lichte secties */
  --gm-dark:    #1C1C1C;   /* bijna-zwart — tekst, nav */
  --gm-charcoal:#3A3A3A;   /* body tekst */
  --gm-muted:   #7A7A7A;   /* labels, captions */
  --gm-teal:    #2E6B6B;   /* accent — professioneel blauwgroen */
  --gm-teal2:   #3D8A8A;   /* hover teal */
  --gm-teal-lt: #EAF3F3;   /* lichte teal tint */
  --gm-border:  #D8D2C8;   /* subtiele rand */
  --gm-white:   #FFFFFF;

  /* Typografie */
  --font-head: 'Cormorant Garamond', serif;
  --font-body: 'Jost', sans-serif;

  /* Spacing */
  --section-gap: clamp(5rem, 10vw, 9rem);
  --container:   min(1200px, 100% - 3rem);
}