:root {
  /* ===== Charte DA officielle 2026 — Le Gone Voyageur ===== */
  /* Couleurs principales */
  --color-mykonos: #F4F1E3;
  --color-gobi: #ECDFC6;
  --color-petra: #DAB171;
  --color-bora: #83B4A8;
  --color-ecosse: #547F72;
  --color-atlantique: #134448;

  /* Couleurs secondaires (réserve, usage parcimonieux) */
  --color-jaipur: #FFE7B3;
  --color-sahara: #E8C181;
  --color-sienne: #C88C44;
  --color-bali: #488F81;
  --color-amazonie: #3B6156;
  --color-islande: #26534F;

  /* rgba helpers — charte officielle */
  --rgb-mykonos: 244, 241, 227;
  --rgb-gobi: 236, 223, 198;
  --rgb-petra: 218, 177, 113;
  --rgb-bora: 131, 180, 168;
  --rgb-ecosse: 84, 127, 114;
  --rgb-atlantique: 19, 68, 72;
  --rgb-sienne: 200, 140, 68;
  --rgb-islande: 38, 83, 79;

  /* ===== Alias V1 (continuité sur 274+ occurrences existantes) ===== */
  --color-cream: var(--color-mykonos);
  --color-cream-dark: var(--color-gobi);
  --color-cream-light: var(--color-mykonos);
  --color-sage: var(--color-ecosse);
  --color-sage-deep: var(--color-atlantique);
  --color-sage-mid: var(--color-ecosse);
  --color-sage-light: var(--color-bora);
  --color-ocre: var(--color-petra);
  --color-ocre-dark: var(--color-sienne);
  --color-rouge: var(--color-petra);
  --color-nuit: var(--color-atlantique);
  --color-ink: var(--color-atlantique);
  --color-ink-deep: var(--color-islande);
  --color-muted: #6F8078;

  /* rgba alias V1 */
  --rgb-sage: var(--rgb-ecosse);
  --rgb-ocre: var(--rgb-petra);
  --rgb-rouge: var(--rgb-petra);
  --rgb-cream: var(--rgb-mykonos);
  --rgb-cream-light: var(--rgb-mykonos);
  --rgb-nuit: var(--rgb-atlantique);
  --rgb-ink: var(--rgb-atlantique);

  /* ===== Typographies (2 fontes : Fraunces éditorial + Poppins UI) ===== */
  --font-heading: 'Fraunces', 'Times New Roman', Georgia, serif;
  --font-body: var(--font-ui);
  --font-script: 'Fraunces', 'Times New Roman', Georgia, serif;
  --font-ui: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semi: 600;
  --weight-bold: 700;
  --weight-heavy: 800;

  /* Échelles typographiques (clamp mobile-first) */
  --fs-hero: clamp(2.6rem, 5.5vw, 4.6rem);
  --fs-section: clamp(2.2rem, 4vw, 3.4rem);
  --fs-contact: clamp(2.4rem, 5vw, 4rem);
  --fs-eyebrow-script: 1.9rem;
  --fs-lede: 1.15rem;
  --fs-body: 1rem;
  --fs-small: 0.92rem;
  --fs-xs: 0.88rem;
  --fs-micro: 0.72rem;

  --leading-tight: 1.2;
  --leading-snug: 1.4;
  --leading-normal: 1.5;
  --leading-relaxed: 1.7;
  --leading-loose: 1.75;

  /* ===== Espacements ===== */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.7rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --space-3xl: 5rem;
  --space-4xl: 6rem;
  --space-section: 6rem;

  /* ===== Rayons ===== */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* ===== Ombres ===== */
  --shadow-soft: 0 10px 30px -10px rgba(var(--rgb-nuit), 0.20);
  --shadow-lift: 0 20px 40px -15px rgba(var(--rgb-nuit), 0.30);
  --shadow-deep: 0 30px 60px -20px rgba(var(--rgb-nuit), 0.35);
  --shadow-hero: 0 40px 80px -30px rgba(var(--rgb-nuit), 0.40);
  --shadow-modal: 0 50px 100px -30px rgba(0, 0, 0, 0.55);
  --shadow-btn-ocre: 0 14px 30px -12px rgba(var(--rgb-ocre), 0.55);

  /* ===== Transitions & motion ===== */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --duration-fast: 0.2s;
  --duration-base: 0.3s;
  --duration-slow: 0.4s;
  --duration-reveal: 0.9s;

  /* ===== Layout ===== */
  --container-max: 1180px;
  --container-pad: 92%;
  --nav-height: 5.25rem;

  /* ===== Z-index ===== */
  --z-bg: -1;
  --z-base: 1;
  --z-raised: 2;
  --z-nav: 100;
  --z-overlay: 1000;
}