:root {
  /* Ontwerpsysteem hergebruikt van visitdoha.com (portfolio-brede
     visit-website-launch skill, Fase 5: "clone het design system, herbouw
     het niet"). Teal/zand/ink-schaal ongewijzigd overgenomen: past de
     oceaan/strand-setting van Nusa Lembongan minstens zo goed als de
     oorspronkelijke Golfkust-context. WCAG-ratio's uit de bron blijven
     geldig, want de hex-waarden zelf zijn niet aangepast. */
  --ink: #26403a;      /* donker teal-antraciet, 11.2:1 op wit */
  --ink2: #396057;     /* lichtere stap van dezelfde teal-tint */
  --stone: #7b6347;    /* 5.65:1 op wit, veilig voor lopende tekst */
  --mist: #b09677;     /* decoratief/placeholder gebruik */
  --sand: #e1c396;
  --paper: #ffffff;
  --line: rgba(38, 64, 58, 0.14);
  --teal: #63a194;     /* secundair accent (badges, gradients) */

  /* Accent hier WEL vervangen: het Doha-maroon was expliciet afgeleid van de
     Qatar-vlagkleur en hoort niet bij Lembongan. Nieuwe schaal: warme
     zonsondergang-koraaltint, zelfde opbouwmethode (één kleurfamilie,
     lichtheid-stappen). Contrast handmatig herberekend met de WCAG-
     luminantieformule: accent-500 4.67:1 op wit, accent-600 6.38:1 op wit,
     accent-700 9.42:1 op wit, allemaal boven de 4.5:1-eis voor lopende
     tekst; accent-300 (3.15:1) alleen voor grote tekst/decoratief gebruik. */
  --accent-300: #e2704f;
  --accent-500: #c94a29;
  --accent-600: #a83a1f;
  --accent-700: #7d2b17;

  --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;
}