/* Design tokens Haren Majesteit — bron: ForwardX Design Studio palet "Kleurenpalet Haren Majesteit" */
:root {
  /* Primair: zacht terracottarood */
  --color-primary: #A64B37;        /* knoppen, links, prijzen */
  --color-primary-dark: #8A3B26;
  --color-btn: #7E2817;             /* knoppen: dieper rood dan het terracotta-accent */   /* hover-states, actieve navigatie */
  --color-dark: #5F1F10;           /* footer, koppen, donkere secties */
  --color-terracotta-soft: #C77B63;/* iconen, decoratieve accenten, borders */

  /* Goud */
  --color-gold: #C9973F;           /* kroon-accent, kleine details op licht */
  --color-gold-light: #D9AE62;     /* goud op donkere vlakken, CTA op donker */
  --color-gold-wash: #F2E3C4;      /* subtiele highlight-achtergronden */

  /* Achtergronden en tekst */
  --color-cream: #FFFBEB;          /* tekst op donker, exact uit het logo */
  --color-bg: #F9EDE4;             /* pagina-achtergrond, rosé-crème met duidelijke terracotta-tint */
  --color-bg-alt: #F0D9CB;         /* afwisselende secties, cards: volle terracotta wash */
  --color-text: #382A22;           /* bodytekst i.p.v. zwart */
  --color-text-muted: #7A6A5F;

  /* Typografie */
  --font-heading: 'Montserrat', -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Source Sans 3', -apple-system, sans-serif;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;
  --space-2xl: 96px;

  /* Vormen */
  --radius-btn: 6px;
  --radius: 10px;
  --radius-lg: 16px;

  --shadow-sm: 0 1px 3px rgba(56, 42, 34, 0.08);
  --shadow-md: 0 6px 24px rgba(56, 42, 34, 0.12);
  --transition: 0.25s ease;
}