:root {
  /* Couleurs — dérivées du logo officiel (bleu marine dominant, or en accent) */
  --color-navy-950: #0b1d3a;
  --color-navy-900: #0f2646;
  --color-navy-800: #13294b;
  --color-navy-700: #1e3a66;
  --color-navy-600: #2b4d82;

  --color-gold-700: #7a5f22; /* texte doré sur fond clair — contraste AA (~6:1) */
  --color-gold-600: #a9852f;
  --color-gold-500: #c6a94e;
  --color-gold-300: #e2cd8a; /* texte doré sur fond sombre uniquement */

  --color-bg: #f7f8fa;
  --color-bg-alt: #ffffff;
  --color-text: #111319;
  --color-text-muted: #4a5164;
  --color-border: #e3e6ec;

  --color-on-navy: #f7f8fa;
  --color-on-navy-muted: #b9c3d6;

  /* Typographie */
  --font-display: "Fraunces", "Georgia", serif;
  --font-body: "Inter", "Segoe UI", sans-serif;
  --font-nav: "Manrope", "Inter", "Segoe UI", sans-serif;

  /* Échelle d'espacement */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;

  /* Rayons et ombres */
  --radius-sm: 6px;
  --radius-md: 10px;
  --shadow-soft: 0 12px 30px rgba(11, 29, 58, 0.08);
  --shadow-strong: 0 20px 45px rgba(11, 29, 58, 0.18);

  --container-max: 1180px;
}