/* Moteur QCM ANSSI/SecOps — feuille de styles partagée.
 *
 * Référence par défaut : police Plus Jakarta Sans + palette accent indigo.
 * Chaque page peut surcharger via un `<style>:root { … }</style>` local
 * (uniquement pour changer la couleur ou la police).
 */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
    --quiz-font: 'Plus Jakarta Sans';
    --accent-bg: #4f46e5;                   /* indigo-600 — boutons principaux */
    --accent-bg-hover: #6366f1;             /* indigo-500 — survol */
    --accent-text: #6366f1;                 /* indigo-500 — accents textuels */
    --accent-soft: rgba(99, 102, 241, 0.1); /* fond léger (10 %) */
    --accent-shadow: rgba(79, 70, 229, 0.35);
}

body {
    font-family: var(--quiz-font), system-ui, sans-serif;
    transition: background-color 0.3s ease, color 0.3s ease;
}

body.dark  { background-color: #0f172a; color: #f1f5f9; }
body.light { background-color: #f8fafc; color: #1e293b; }

.option-btn {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.progress-bar-transition {
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Accents pilotés par variables CSS — fonctionnent en dark & light. */
.acc-bg          { background-color: var(--accent-bg); }
.acc-bg:hover    { background-color: var(--accent-bg-hover); }
.acc-text        { color: var(--accent-text); }
.acc-border      { border-color: var(--accent-text); }
.acc-shadow      { box-shadow: 0 10px 25px -10px var(--accent-shadow); }
.acc-soft        { background-color: var(--accent-soft); }
.acc-bg-block    { background-color: var(--accent-bg); color: white; }

.acc-hover-border:hover { border-color: var(--accent-text); }
.acc-hover-soft:hover   { background-color: var(--accent-soft); }