/* ImmiPath — charte de couleurs unique (reprise de la page d'accueil).
   Modifier une couleur ici la change sur toutes les pages qui chargent assets/theme.css.
   Le calculateur (React) lit les mêmes valeurs via ImmiPath.COLORS dans immipath.js : garder les deux alignés. */
:root {
  --ip-navy:        #1B2A4A;  /* bleu nuit : en-têtes, hero, boutons secondaires */
  --ip-navy-hover:  #164E63;  /* survol des boutons bleu nuit (cyan-900 de l'accueil) */
  --ip-navy-soft:   #E8ECF3;  /* fonds légers, pastilles */
  --ip-red:         #C8102E;  /* rouge Canada : appels à l'action */
  --ip-red-hover:   #AF102A;
  --ip-red-soft:    #FFF5F6;
  --ip-bg:          #F4F6F9;  /* fond de page */
  --ip-card:        #FFFFFF;
  --ip-text:        #1F2937;  /* gray-800 */
  --ip-muted:       #6B7280;  /* gray-500 */
  --ip-line:        #E5E7EB;  /* gray-200 */
  --ip-line-strong: #D1D5DB;  /* gray-300 : contours de champs */
  --ip-accent:      #67E8F9;  /* cyan-300 : accents sur fond bleu nuit */
  --ip-accent-soft: #A5F3FC;  /* cyan-200 */
  --ip-ok:          #10B981;  /* emerald-500 : coches, réussites */
  --ip-warn:        #D97706;
}

/* Classes communes (mêmes noms que sur la page d'accueil) */
.bg-hero        { background-color: var(--ip-navy); }
.bg-custom-red  { background-color: var(--ip-red); }
.bg-custom-red:hover { background-color: var(--ip-red-hover); }
.text-custom-red { color: var(--ip-red); }
.modal-bg       { background-color: rgba(27, 42, 74, 0.7); }

/* Alias utilisés par le test de niveau */
.bg-brand       { background-color: var(--ip-navy); }
.bg-brand-hover:hover { background-color: var(--ip-navy-hover); }
.text-brand     { color: var(--ip-navy); }
.border-brand   { border-color: var(--ip-navy); }
.bg-brand-light { background-color: var(--ip-navy-soft); }
.bg-cta         { background-color: var(--ip-red); }
.bg-cta:hover   { background-color: var(--ip-red-hover); }
.bg-page        { background-color: var(--ip-bg); }