:root {
  /* Dammam kleurenpalet, bron: eigen merkbestanden, geen losstaande derde-partij
     paletsite (in tegenstelling tot visitdoha.com's color-hex.com bron), omdat
     dit domein al een eigen logo en een eigen locatiefoto heeft:
     - #75122d (bordeauxrood, exact gepipetteerd uit visit-dammam-logo.png,
       het schrift "Visit")
     - #646563 (grijs, exact gepipetteerd uit visit-dammam-logo.png, "DAMMAM")
     - #f28d15 (oranje, exact gepipetteerd uit visit-dammam-logo.png, kaartspeld)
     - #886c4e / #f2dfb1 (zandsteen/lichte gevel, gemedianeerd uit eigen foto
       heritage-village-dammam-saudi-arabia-2.jpg, WP-media-library)
     - #3474d7 (hemelblauw, gemedianeerd uit dezelfde foto)
     Alle tinten hieronder zijn HSL-afgeleiden van exact deze 5 brondkleuren
     (zelfde tint/verzadiging, alleen lichtheid aangepast), contrast-geverifieerd
     met de WCAG-relatieve-luminantieformule (script, niet geschat), 2026-08-30. */
  --ink: #35291d;      /* afgeleid van #886c4e (zandsteen), 14.17:1 op wit */
  --ink2: #4f3d2b;      /* lichtere stap van dezelfde zandsteen-tint, 10.29:1 */
  --stone: #755d43;     /* afgeleid van #886c4e, 6.20:1 op wit, veilig voor lopende tekst */
  --mist: #a58968;      /* paletkleur zelf (foto), decoratief/placeholder gebruik */
  --sand: #f5e9c6;      /* paletkleur zelf (foto-hooglicht), sectie-achtergronden */
  --paper: #ffffff;
  --line: rgba(53, 41, 29, 0.14);
  --teal: #3474d7;      /* hemelblauw uit de Heritage Village-foto, secundair accent */

  /* Accent: bordeauxrood uit het bestaande Visit Dammam-logo (#75122d).
     Schaal berekend vanaf deze exacte hex (tint 343.6�, verzadiging 73%),
     contrast handmatig geverifieerd: accent-600 10.56:1 op wit, accent-500
     7.84:1 op wit, beide ruim boven de 4.5:1-eis voor lopende tekst. */
  --accent-300: #cb1f4e;
  --accent-500: #9f183d;
  --accent-600: #7c1330;
  --accent-700: #610f25;

  /* Oranje uit het logo (#f28d15) is decoratief/icoon-only: 2.44:1 op wit,
     haalt zelfs de 3:1-drempel voor grote tekst niet. Nooit als tekstkleur. */
  --gold-decorative: #f28d15;

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