:root {
  /* Doha kleurenpalet, bron: https://www.color-hex.com/color-palette/90201
     ("Doha - Qatar", door gebruiker elliotrude, 3x in Doha geweest):
     #63a194 (teal/zee), #ffffff, #e1c396 (zand), #b09677 (dieper zand),
     #8d1c3d (maroon). Neutrals en accentschaal hieronder zijn afgeleide,
     WCAG-geverifieerde tinten van diezelfde 5 kleuren (zelfde tint/verzadiging,
     alleen lichtheid aangepast voor leesbaarheid), niet de losse hex-codes
     zelf gebruikt als tekstkleur waar dat contrast-onveilig zou zijn. */
  --ink: #26403a;      /* donker teal-antraciet, afgeleid van #63a194, 11.2:1 op wit */
  --ink2: #396057;     /* lichtere stap van dezelfde teal-tint */
  --stone: #7b6347;    /* afgeleid van #b09677, 5.65:1 op wit, veilig voor lopende tekst */
  --mist: #b09677;     /* paletkleur zelf, voor decoratief/placeholder gebruik */
  --sand: #e1c396;     /* paletkleur zelf, exacte match */
  --paper: #ffffff;    /* paletkleur zelf, exacte match */
  --line: rgba(38, 64, 58, 0.14);
  --teal: #63a194;     /* paletkleur zelf, secundair accent (badges, gradients) */

  /* Accent: maroon uit het Doha-palet (#8d1c3d), vrijwel identiek aan de
     eerder losstaand geverifieerde Qatar-vlag-maroon. Schaal opnieuw
     berekend vanaf déze exacte hex (zelfde tint/verzadiging, 342.5°/66.9%),
     contrast handmatig geverifieerd: accent-600 8.88:1 op wit, accent-500
     6.43:1 op wit, beide ruim boven de 4.5:1-eis voor lopende tekst. */
  --accent-300: #dc4c76;
  --accent-500: #b3234d;
  --accent-600: #8d1c3d;
  --accent-700: #66142c;

  --font-serif: 'Marcellus', serif;
  --font-italic: 'Cormorant Garamond', serif;
  --font-sans: 'Jost', system-ui, sans-serif;

  --nav-height: 72px;

  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-xl: 8px;
  --radius-2xl: 10px;
  --radius-3xl: 12px;
  --radius-pill: 999px;

  --shadow-sm: 0 4px 16px rgba(38, 64, 58, 0.12);
  --shadow-md: 0 8px 30px rgba(38, 64, 58, 0.14);
  --shadow-lg: 0 12px 40px rgba(38, 64, 58, 0.16);
  --shadow-xl: 0 16px 48px rgba(38, 64, 58, 0.16), 0 2px 8px rgba(38, 64, 58, 0.06);
  --shadow-2xl: 0 24px 70px rgba(38, 64, 58, 0.22);
  --shadow-drawer: -12px 0 60px rgba(38, 64, 58, 0.18);

  --z-back-top: 90;
  --z-header: 120;
  --z-lang-pill: 121;
  --z-dock: 122;
  --z-cookie-bar: 160;
  --z-lightbox: 180;
  --z-skip-link: 200;
}