/* ==========================================================================
   Variables de charte — source de vérité : DESIGN.md (§3 Palette).
   Les couleurs proposées dans l'éditeur sont dans theme.json : garder les
   deux synchronisés. Aussi chargé dans l'éditeur (add_editor_style).
   ========================================================================== */

:root {
  /* Couleurs principales */
  --color-navy: #08204c;        /* titres, textes forts, bandeau bas */
  --color-navy-dark: #01224d;
  --color-gold: #fdac0d;        /* étoiles, cœurs, accents */
  --color-ivory: #faf8f4;       /* fond général */
  --color-white: #ffffff;       /* cartes */
  --color-text-secondary: #354367;

  /* Couleurs des rubriques / établissements (aplats décoratifs) */
  --color-blue: #3384c6;
  --color-green: #82ad2e;
  --color-orange: #fdab08;
  --color-pink: #db5269;
  --color-turquoise: #3da6ba;
  --color-purple: #7046a0;

  /* Variantes foncées : aplats portant du texte blanc, liens
     (contraste ≥ 4,5:1 sur blanc). */
  --color-blue-strong: #2f6fae;      /* 5,2:1 */
  --color-green-strong: #538019;     /* 4,7:1 */
  --color-orange-strong: #b45309;    /* 5,0:1 */
  --color-pink-strong: #c63a54;      /* 5,1:1 */
  --color-turquoise-strong: #1f7a8a; /* 5,0:1 */
  --color-purple-strong: #7046a0;    /* 6,8:1 */

  --color-coral: #ef7c76;
  --color-olive: #777332;
  --color-border: #dfe3ea;

  /* Ombres et rayons */
  --shadow-card: 0 8px 24px rgb(8 32 76 / 10%);
  --shadow-card-hover: 0 14px 32px rgb(8 32 76 / 16%);
  --radius-card: 22px;
  --radius-small: 14px;

  /* Typographie */
  --font-sans: "Montserrat", "Inter", system-ui, sans-serif;
  --font-script: "Caveat", "Segoe Print", cursive;

  /* Mise en page */
  --page-width: 1480px;
  --content-width: 760px;
  --wide-width: 1200px;
  --page-gutter: clamp(14px, 2.5vw, 32px);

  --transition: 250ms ease;
}

/* Variantes de couleur : --variant (aplat vif), --variant-strong (texte blanc). */
.main-navigation-card--blue,
.facility-card--blue,
.page-header--blue,
.home-about__label--blue,
.site-nav__link--blue { --variant: var(--color-blue); --variant-strong: var(--color-blue-strong); }
.main-navigation-card--green,
.facility-card--green,
.page-header--green,
.home-about__label--green,
.site-nav__link--green { --variant: var(--color-green); --variant-strong: var(--color-green-strong); }
.main-navigation-card--orange,
.facility-card--orange,
.page-header--orange,
.home-about__label--orange,
.site-nav__link--orange { --variant: var(--color-orange); --variant-strong: var(--color-orange-strong); }
.main-navigation-card--pink,
.facility-card--pink,
.page-header--pink,
.home-about__label--pink,
.site-nav__link--pink { --variant: var(--color-pink); --variant-strong: var(--color-pink-strong); }
.main-navigation-card--turquoise,
.facility-card--turquoise,
.page-header--turquoise,
.home-about__label--turquoise,
.site-nav__link--turquoise { --variant: var(--color-turquoise); --variant-strong: var(--color-turquoise-strong); }
.main-navigation-card--purple,
.facility-card--purple,
.page-header--purple,
.home-about__label--purple,
.site-nav__link--purple { --variant: var(--color-purple); --variant-strong: var(--color-purple-strong); }