/* Charte GPEC : bleu roi, bleu nuit et blanc cassé. Source des couleurs du site. */
:root {
  --rgb-ink: 16, 42, 67;
  --rgb-primary: 29, 78, 216;
  --rgb-accent: 143, 184, 232;
  --rgb-canvas: 245, 247, 250;
  --rgb-muted: 82, 96, 109;
  --rgb-border: 217, 226, 236;
  --color-ink: #102a43;
  --color-primary: #1d4ed8;
  --color-primary-hover: #153e9e;
  --color-accent: #8fb8e8;
  --color-canvas: #f5f7fa;
  --color-muted: #52606d;
  --color-border: #d9e2ec;
  --color-soft: #eaf1fb;
  --color-white: #fff;
}
body { color: var(--color-ink); background: var(--color-canvas); }
header nav a:hover, header nav a[aria-current] {
  color: var(--color-primary);
  box-shadow: inset 0 -2px var(--color-primary);
}
#accueil a[href="#demo"], #contact button[type="submit"] {
  background: var(--color-primary) !important; color: var(--color-white) !important;
}
#accueil a[href="#demo"]:hover, #contact button[type="submit"]:enabled:hover {
  background: var(--color-primary-hover) !important;
}
#gpec-en-detail { --color-primary: var(--color-accent); }
#gpec-en-detail .accordion-toggle[aria-expanded="true"] .text-lg { color: var(--color-accent) !important; }
#gpec-en-detail a:focus-visible, #gpec-en-detail button:focus-visible,
footer a:focus-visible { outline-color: var(--color-accent) !important; }
#accueil .text-sm, #tarifs .text-xs, #demo .text-xs, #contact .text-xs { color: var(--color-primary); }
#contact label { color: var(--color-muted) !important; }
#contact input, #contact textarea { border-color: var(--color-border) !important; }
#demo p.font-light, #contact p.font-light { color: var(--color-muted) !important; }
/* À propos devient une section claire sans changer ses contenus ni sa géométrie. */
#a-propos { background: var(--color-soft) !important; }
#a-propos h2, #a-propos .font-semibold { color: var(--color-ink) !important; }
#a-propos p { color: var(--color-muted) !important; }
#a-propos p.uppercase { color: var(--color-primary) !important; }
#a-propos svg path { fill: var(--color-soft); }
footer p.text-xs { color: var(--color-border) !important; }
footer a { color: var(--color-white); }
#a-propos .rounded-full { background-color: var(--color-primary) !important; }
#a-propos svg path { fill: var(--color-canvas); }