/* Charte SNEA — vote.snea.net
 * Source : CHARTEGRAPHIQUE_SNEA2026.pdf (colorimétrie p. 12)
 *   Gris anthracite : #454444 (RAL 8019, Pantone 446 C)
 *   Bordeaux        : #9a374c — prélevé dans LOGOSNEAHORIZONTAL_QUADRI.png
 *                     (le HEX #637d96 du PDF est erroné : c'est un bleu)
 *   Beige           : #b4a395 (RAL 1001, Pantone 7530 C) ; fond = déclinaison 20 %
 * Typographie : Didot réservée au logo -> polices système pour le texte.
 * Surcharge les variables de site.bundle.css / app.bundle.css (Belenios 3.3.0).
 */
:root {
  --snea-anthracite: #454444;
  --snea-bordeaux: #9a374c;
  --snea-bordeaux-fonce: #7e2d3e;      /* bordeaux x 0,82 */
  --snea-bordeaux-tres-fonce: #662432; /* bordeaux x 0,66 */
  --snea-bordeaux-10: #f5ebed;
  --snea-bordeaux-20: #ebd7db;
  --snea-bordeaux-30: #e1c3c9;
  --snea-beige: #b4a395;
  --snea-beige-20: #f0edea;            /* beige 20 % sur blanc */
  --snea-beige-40: #e1dad5;            /* beige 40 % sur blanc */
  --snea-police: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --accent: var(--snea-bordeaux);
  --accent-hover: var(--snea-bordeaux-fonce);
  --accent-active: var(--snea-bordeaux-tres-fonce);
  --accent-soft: var(--snea-bordeaux-10);
  --focus-ring: 0 0 0 3px rgba(154, 55, 76, 0.25);
  --button-shadow-hover: 0 4px 12px -2px rgba(154, 55, 76, 0.25);

  --box-blue: var(--snea-bordeaux-10);
  --candidate-background-checked: var(--snea-bordeaux-20);
  --candidate-background-checked-hover: var(--snea-bordeaux-30);

  --body-background: var(--snea-beige-20);
  --border-subtle: var(--snea-beige-40);
  --header-background: linear-gradient(135deg, var(--snea-anthracite) 0%, var(--snea-anthracite) 45%, var(--snea-bordeaux) 100%);
  --header-background-solid: var(--snea-anthracite);
  --footer-background: var(--snea-anthracite);
  --vote-nav-background: var(--snea-anthracite);
}

/* Fond uni beige : supprime les halos bleutés du thème par défaut */
body { background-image: none; font-family: var(--snea-police); }
.page-header__titles__election-name,
.page-header__titles__election-description { font-family: var(--snea-police); }

a { color: var(--snea-bordeaux); }
a:hover { color: var(--snea-bordeaux-fonce); }
.page-footer a { color: #ffffff; }

/* Logo blanc (1182x847, zone de protection incluse) : 110 px -> ~72 px de logo visible */
.page-header__logo__image { max-height: 110px; }

/* Bandeau « instance de test » (warning.html) */
.snea-warning {
  background: #fff4d6;
  border-left: 4px solid #c77700;
  color: #5c3a00;
  padding: 0.6em 1em;
  margin: 0;
}