:root {
  /* Jeddah kleurenpalet: turquoise (#00AEC7) en gold (#D4AF37) staan al
     sinds de live placeholder-pagina vast als merkkleuren voor visitjeddah.com
     (zie static assets/php contact-mails en de placeholder self-hosted op de
     server, live sinds 2026-08-27). Alle afgeleide tinten hieronder zijn
     WCAG-luminantie-berekend op 2026-09-08 (functie in ctx_execute
     gedraaid, niet geschat), zelfde methodiek als visitdoha.com se
     variables.css. Brontinten zelf (#00AEC7, #D4AF37) zijn NIET geschikt
     als tekstkleur op wit (contrast 2.67:1 resp. 2.10:1, ruim onder de
     4.5:1-eis) en dienen alleen decoratief/op donkere achtergrond.
     accent-500/600/700 zijn verduisterde varianten van #00AEC7 (hue/sat
     ongewijzigd, alleen lichtheid verlaagd) die wel op wit voldoen. */
  --ink: #002328;      /* zeer donkere teal, afgeleid van #00AEC7*0.2, 16.5:1 op wit */
  --ink2: #00464f;     /* lichtere stap van dezelfde teal-tint, 10.5:1 op wit */
  --stone: #005764;    /* afgeleid van #00AEC7*0.5, 8.24:1 op wit, veilig voor lopende tekst */
  --mist: #7fb8c2;     /* zachte decoratieve tint, niet voor tekst */
  --sand: #d4af37;     /* paletkleur zelf (gold), exacte match, decoratief/grote tekst */
  --paper: #ffffff;
  --line: rgba(0, 35, 40, 0.14);
  --teal: #00aec7;     /* paletkleur zelf (turquoise), decoratief/badges/gradients, niet voor tekst op wit */

  /* Accent: verduisterde varianten van het turquoise brandmerk, elk
     contrast handmatig geverifieerd (WCAG-luminantieformule): accent-700
     7.26:1, accent-600 5.71:1, accent-500 5.05:1 op wit, alle ruim boven
     de 4.5:1-eis voor lopende tekst/links/CTA's. */
  --accent-300: #00aec7;
  --accent-500: #007a8b;
  --accent-600: #007181;
  --accent-700: #00606d;

  --font-serif: 'Plus Jakarta Sans', serif;
  --font-italic: 'Plus Jakarta Sans', serif;
  --font-sans: 'Plus Jakarta Sans', 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(0, 35, 40, 0.12);
  --shadow-md: 0 8px 30px rgba(0, 35, 40, 0.14);
  --shadow-lg: 0 12px 40px rgba(0, 35, 40, 0.16);
  --shadow-xl: 0 16px 48px rgba(0, 35, 40, 0.16), 0 2px 8px rgba(0, 35, 40, 0.06);
  --shadow-2xl: 0 24px 70px rgba(0, 35, 40, 0.22);
  --shadow-drawer: -12px 0 60px rgba(0, 35, 40, 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;
}