:root {
  /* Couleurs de marque */
  --color-navy: #030452;
  --color-navy-2: #06076e;
  --color-navy-light: #0d0e8a;
  --color-action: #1655f2;
  --color-action-light: #3d73ff;
  --color-green: #047f68;
  --color-green-light: #05a387;
  --color-accent: #00eabd;
  --color-accent-dark: #009e80;
  --color-gold: #b8943a;
  --color-cream: #faf7f1;
  --color-white: #ffffff;
  --color-text: #1a1940;
  --color-text-muted: #5a5e79;
  --color-border: #e4e6f2;
  --color-error: #b42318;
  --color-success: #047f68;

  /* Alias utilisés par les composants existants */
  --navy: var(--color-navy);
  --navy-2: var(--color-navy-2);
  --navy-lt: var(--color-navy-light);
  --blue: var(--color-action);
  --blue-lt: var(--color-action-light);
  --blue-bg: rgba(22, 85, 242, .08);
  --accent: var(--color-accent);
  --accent-light: var(--color-accent);
  --accent-dark: var(--color-accent-dark);
  --accent-bg: rgba(0, 234, 189, .09);
  --accent-glow: rgba(0, 234, 189, .28);
  --menu-green: var(--color-green);
  --menu-green-lt: var(--color-green-light);
  --white: var(--color-white);
  --off: #f8f9fc;
  --cream: var(--color-cream);
  --line: rgba(3, 4, 82, .12);
  --muted: var(--color-text-muted);

  /* Échelles communes */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-xl: 24px;
  --shadow-sm: 0 2px 8px rgba(3, 4, 82, .08);
  --shadow-md: 0 8px 40px rgba(3, 4, 82, .13);
  --shadow-lg: 0 20px 60px rgba(3, 4, 82, .18);
  --r: var(--radius-sm);
  --r-md: var(--radius-md);
  --r-lg: var(--radius-lg);
  --shadow: var(--shadow-md);
  --container: 1260px;
}

body {
  font-family: "Inter", Arial, sans-serif;
  color: var(--color-text);
}

h1, h2, h3, h4, h5, h6,
.font-display {
  font-family: "Montserrat", Arial, sans-serif;
}

/* Le turquoise reste un accent graphique et non une couleur de petit texte. */
.text-on-light-accent {
  color: var(--color-green);
}