/* Habillage « républicaine », tiré de la direction B du design system
 * (design/directions/b-republicaine.html) : fond clair, bleu France,
 * touches tricolores, réponses en cartes blanches à pastille de couleur. */

:root[data-theme='republicaine'] {
  --fond: #f6f6f9;
  --fond-carte: #ffffff;
  --fond-champ: #e3e3e8;
  --encre: #161616;
  --encre-douce: #666666;
  --accent: #000091;
  --accent-sombre: #00006d;
  --ok: #169b62;
  --erreur: #e1000f;

  --r1: #000091;
  --r2: #e1000f;
  --r3: #169b62;
  --r4: #716043;

  --rayon: 12px;
  --ombre: 0 2px 8px rgba(0, 0, 145, 0.06);
}

:root[data-theme='republicaine'] body {
  background: var(--fond);
  color: var(--encre);
  font-family: Marianne, "Avenir Next", Avenir, "Segoe UI", system-ui, sans-serif;
}

:root[data-theme='republicaine'] .marque { color: var(--accent); }
:root[data-theme='republicaine'] .bouton { color: #ffffff; }
/* Bouton sans fond : texte à l'encre, sinon blanc sur blanc. */
:root[data-theme='republicaine'] .bouton.secondaire { color: var(--encre); }

/* Réponses : carte blanche, la couleur ne tient que dans la pastille. */
:root[data-theme='republicaine'] .reponse,
:root[data-theme='republicaine'] .reponse[data-i] {
  background: #ffffff;
  color: #161616;
  border: 2px solid #e3e3e8;
  box-shadow: var(--ombre);
}
:root[data-theme='republicaine'] .reponse .lettre { color: #ffffff; }
:root[data-theme='republicaine'] .reponse[data-i="0"] .lettre { background: var(--r1); }
:root[data-theme='republicaine'] .reponse[data-i="1"] .lettre { background: var(--r2); }
:root[data-theme='republicaine'] .reponse[data-i="2"] .lettre { background: var(--r3); }
:root[data-theme='republicaine'] .reponse[data-i="3"] .lettre { background: var(--r4); }
:root[data-theme='republicaine'] .reponse.bonne { border-color: var(--ok); }