/* =========================================================
   VARIABLES — Concept 1 « Institutionnel moderne »
   Toutes les couleurs, tailles et polices du site sont
   centralisées ici. Modifier une valeur ici la répercute
   automatiquement sur toutes les pages.
   ========================================================= */
:root{
  /* Couleurs institutionnelles */
  --primary:#003C79;        /* Bleu commune — couleur imposée */
  --primary-dark:#00284F;
  --secondary:#4A90C4;
  --accent:#1E8E5A;         /* Vert citoyen — CTA, votes, succès */
  --accent-dark:#146B44;

  /* Neutres */
  --bg:#F7F9FB;
  --surface:#FFFFFF;
  --text:#1B2733;
  --text-secondary:#5A6672;
  --border: #bcc0c5;

  /* Couleurs sémantiques (statuts, info, alertes)
     Paires fond clair / texte foncé, utilisées pour badges,
     pastilles de statut, halos de focus. */
  --info-bg:#E6F0F9;
  --info-text:var(--primary);
  --success-bg:#E4F4EC;
  --success-text:var(--accent-dark);
  --warning-bg:#FFF3D6;
  --warning-text:#8A6400;
  --danger-bg:#FBE7E7;
  --danger-text:#A33A3A;
  --purple-bg:#EDE7F6;
  --purple-text:#5B3FA0;

  /* Rayons de bordure */
  --radius:8px;
  --radius-sm:4px;

  /* Typographie */
  --font-body:'Source Sans 3', system-ui, sans-serif;

  /* Échelle typographique — titres des pages de contenu
     (.content-page h1..h4, voir content.css) */
  --fs-h1:2.25rem;   /* 36px — titre de page */
  --fs-h2:1.75rem;   /* 28px — section principale */
  --fs-h3:1.375rem;  /* 22px — sous-section */
  --fs-h4:1.125rem;  /* 18px — sous-sous-section, rare */
  --lh-heading:1.25;

  /* Focus / accessibilité */
  /* accents ludiques — décoratif uniquement */
  --sun:#FFC93C;
  --coral:#FF6B4A;
  --path-bg:#EAF2FB;
  --focus-color:#FFC93C;

  /* Couleurs des thématiques (field_color) — paires fond clair / texte
   foncé, toutes conformes WCAG AA (≥ 4,5:1 sur leur fond ET sur blanc).
   Une nouvelle valeur de field_color = deux variables ici + une classe
   .theme-dot--<clé> dans cards.css. */
  --theme-blue-bg:#E6F0F9;    --theme-blue-text:#003C79;
  --theme-sky-bg:#E2F3FB;     --theme-sky-text:#0B5E8A;
  --theme-slate-bg:#E7ECF1;   --theme-slate-text:#3E5266;
  --theme-indigo-bg:#E8EAF8;  --theme-indigo-text:#3A3F9E;
  --theme-purple-bg:#EDE7F6;  --theme-purple-text:#5B3FA0;
  --theme-plum-bg:#F4E6F2;    --theme-plum-text:#7A2E6E;
  --theme-magenta-bg:#FBE4F7; --theme-magenta-text:#8C1F80;
  --theme-pink-bg:#FBE6F0;    --theme-pink-text:#A0295E;
  --theme-red-bg:#FBE7E7;     --theme-red-text:#A33A3A;
  --theme-coral-bg:#FDE9E4;   --theme-coral-text:#A63D26;
  --theme-orange-bg:#FDEBDC;  --theme-orange-text:#9A4A12;
  --theme-brown-bg:#F3ECE4;   --theme-brown-text:#6E4A2A;
  --theme-gold-bg:#FBF2CF;    --theme-gold-text:#765700;
  --theme-yellow-bg:#FFF3D6;  --theme-yellow-text:#8A6400;
  --theme-olive-bg:#EEF2DC;   --theme-olive-text:#56601A;
  --theme-lime-bg:#EEF6DA;    --theme-lime-text:#4A6A0A;
  --theme-green-bg:#E4F4EC;   --theme-green-text:#146B44;
  --theme-mint-bg:#E1F6EE;    --theme-mint-text:#0B6A4C;
  --theme-teal-bg:#E0F4F4;    --theme-teal-text:#0E6B6B;
  --theme-grey-bg:#EDEFF1;    --theme-grey-text:#5A6672;
}