/* CCMQ · Carte des élus du Grand Montréal · Jetons de conception (v0.1)
   Grille : 4 px. Deux familles : Public Sans (interface), Source Serif 4 (titres éditoriaux). */
:root{
  /* Typographie */
  --police-ui:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --police-titre:"Source Serif 4",Georgia,"Times New Roman",serif;
  --taille-11:11px;--taille-12:12px;--taille-13:13px;--taille-14:14px;--taille-15:15px;--taille-16:16px;--taille-18:18px;--taille-20:20px;--taille-24:24px;--taille-28:28px;--taille-32:32px;--taille-40:40px;
  --interligne-serre:1.2;--interligne-normal:1.45;--interligne-aere:1.6;
  --graisse-normal:400;--graisse-moyen:500;--graisse-demi:600;--graisse-gras:700;
  /* Espacement (grille 4 px) */
  --espace-1:4px;--espace-2:8px;--espace-3:12px;--espace-4:16px;--espace-5:20px;--espace-6:24px;--espace-8:32px;--espace-10:40px;--espace-12:48px;--espace-16:64px;
  /* Rayons */
  --rayon-xs:4px;--rayon-s:6px;--rayon-m:10px;--rayon-l:16px;--rayon-xl:24px;--rayon-plein:999px;
  /* Bordures */
  --bordure-fine:1px;--bordure-epaisse:2px;--bordure-focus:3px;
  /* Durées et courbes (200 ms au plus) */
  --duree-rapide:120ms;--duree-normale:200ms;--courbe:cubic-bezier(.2,.7,.2,1);
  /* Dimensions des panneaux */
  --largeur-panneau:400px;--hauteur-entete:56px;--hauteur-feuille-repliee:168px;--cible-tactile:44px;
  /* Points de rupture (référence) : mobile < 640, tablette 640 à 1023, bureau >= 1024 */

  /* Couleurs des partis (vives, réservées au sens). À valider contre les chartes officielles. */
  --parti-caq:#00A6D6;--parti-plq:#E0291D;--parti-qs:#FF6A13;--parti-pq:#1D3F94;--parti-pcq:#6E2C90;
  --parti-plc:#D71920;--parti-pcc:#1A4782;--parti-bq:#47B5D8;--parti-npd:#F58220;--parti-pvc:#3D9B35;
  --parti-pm:#0E9F8E;--parti-em:#1F63B8;--parti-tm:#9B2D8F;--parti-fm:#3A8E3C;
  --parti-ml:#D63A2F;--parti-al:#2B5CB0;--parti-pl:#0C8F73;
  --parti-cl:#1F86AE;--parti-le:#B58E00;
  --parti-vacant:#8A8F98;--parti-independant:#6B7280;
}
/* Thème clair (défaut) */
:root,[data-theme="clair"]{
  color-scheme:light;
  --couleur-fond:#F4F3EF;
  --couleur-surface:#FFFFFF;
  --couleur-surface-2:#EDECE7;
  --couleur-surface-elevee:#FFFFFF;
  --couleur-texte:#1B1D22;
  --couleur-texte-2:#555A63;
  --couleur-texte-3:#7A7F88;
  --couleur-bordure:#D9D7D0;
  --couleur-bordure-forte:#B9B6AD;
  --couleur-accent:#1E4C9E;
  --couleur-accent-survol:#173D80;
  --couleur-accent-actif:#122F63;
  --couleur-accent-doux:#E3EAF7;
  --couleur-sur-accent:#FFFFFF;
  --couleur-focus:#1E4C9E;
  --couleur-succes:#2E8B57;
  --couleur-succes-doux:#E1F2E8;
  --couleur-avertissement:#9A6700;
  --couleur-avertissement-doux:#FBF0D5;
  --couleur-erreur:#B3261E;
  --couleur-erreur-doux:#F9E1DF;
  --couleur-info-doux:#E6EEF8;
  --carte-eau:#DCE6EA;
  --carte-terre:#ECEAE3;
  --carte-contour:#FFFFFF;
  --carte-contour-fort:#1B1D22;
  --carte-hachure:#9AA0A8;
  --verre-fond:rgba(255,255,255,.78);
  --verre-bordure:rgba(27,29,34,.08);
  --verre-flou:18px;
  --ombre-1:0 1px 2px rgba(27,29,34,.08),0 1px 1px rgba(27,29,34,.04);
  --ombre-2:0 4px 16px rgba(27,29,34,.10),0 1px 3px rgba(27,29,34,.06);
  --squelette-a:#ECEBE6;--squelette-b:#F6F5F1;
}
[data-theme="sombre"]{
  color-scheme:dark;
  --couleur-fond:#141619;
  --couleur-surface:#1D2025;
  --couleur-surface-2:#24282E;
  --couleur-surface-elevee:#272B32;
  --couleur-texte:#F1F1EE;
  --couleur-texte-2:#B4B8BF;
  --couleur-texte-3:#858A93;
  --couleur-bordure:#31353C;
  --couleur-bordure-forte:#4A4F58;
  --couleur-accent:#7FA6EA;
  --couleur-accent-survol:#98B8F0;
  --couleur-accent-actif:#B3CBF5;
  --couleur-accent-doux:#20304D;
  --couleur-sur-accent:#0F1A30;
  --couleur-focus:#98B8F0;
  --couleur-succes:#5BC286;
  --couleur-succes-doux:#173226;
  --couleur-avertissement:#E2B44A;
  --couleur-avertissement-doux:#3A2E12;
  --couleur-erreur:#F28B82;
  --couleur-erreur-doux:#42201D;
  --couleur-info-doux:#1E2A3D;
  --carte-eau:#0F1A22;
  --carte-terre:#22262C;
  --carte-contour:#141619;
  --carte-contour-fort:#F1F1EE;
  --carte-hachure:#5C626B;
  --verre-fond:rgba(29,32,37,.78);
  --verre-bordure:rgba(255,255,255,.08);
  --verre-flou:18px;
  --ombre-1:0 1px 2px rgba(0,0,0,.4);
  --ombre-2:0 6px 20px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.4);
  --squelette-a:#24282E;--squelette-b:#2C3138;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme]){
    color-scheme:dark;
    --couleur-fond:#141619;--couleur-surface:#1D2025;--couleur-surface-2:#24282E;--couleur-surface-elevee:#272B32;
    --couleur-texte:#F1F1EE;--couleur-texte-2:#B4B8BF;--couleur-texte-3:#858A93;
    --couleur-bordure:#31353C;--couleur-bordure-forte:#4A4F58;
    --couleur-accent:#7FA6EA;--couleur-accent-survol:#98B8F0;--couleur-accent-actif:#B3CBF5;--couleur-accent-doux:#20304D;--couleur-sur-accent:#0F1A30;--couleur-focus:#98B8F0;
    --couleur-succes:#5BC286;--couleur-succes-doux:#173226;--couleur-avertissement:#E2B44A;--couleur-avertissement-doux:#3A2E12;--couleur-erreur:#F28B82;--couleur-erreur-doux:#42201D;--couleur-info-doux:#1E2A3D;
    --carte-eau:#0F1A22;--carte-terre:#22262C;--carte-contour:#141619;--carte-contour-fort:#F1F1EE;--carte-hachure:#5C626B;
    --verre-fond:rgba(29,32,37,.78);--verre-bordure:rgba(255,255,255,.08);
    --ombre-1:0 1px 2px rgba(0,0,0,.4);--ombre-2:0 6px 20px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.4);
    --squelette-a:#24282E;--squelette-b:#2C3138;
  }
}