/* Style B — « Cahier de bord » : clair, aéré, aux couleurs d'eduZoneLab (vert sauge #5a7768). */
:root {
  color-scheme: light;
  --taille: 16px;
  --fond: #f3f1ea;
  --surface: #ffffff;
  --surface-2: #f7f5ef;
  --bord: #e3ded1;
  --texte: #1c2420;
  --texte-2: #435049;
  --texte-3: #66726b;
  --accent: #3f6b57;
  --accent-texte: #ffffff;
  --marque: #5a7768;
  --marque-texte: #ffffff;
  --nav-actif: #ffffff;
  --nav-bas-fond: #ffffff;
  --rayon: 14px;
  --ombre: 0 1px 2px rgba(28, 36, 32, .05), 0 6px 18px rgba(28, 36, 32, .05);
  --carte-espace: 18px;
  --valeur-taille: 2.1rem;
  /* états : couleurs fixes, toujours avec icône et mot (icônes foncées sur fond clair pour rester lisibles) */
  --bon: #0ca30c;
  --avertissement: #fab219;
  --avertissement-icone: #a86f00;
  --serieux: #ec835a;
  --serieux-icone: #b9531f;
  --critique: #d03b3b;
  --bon-fond: #e5f3e5;
  --serieux-fond: #fcebe2;
  --critique-fond: #fbe3e3;
  --neutre-fond: #eeebe3;
  /* graphiques (palette validée sur surface blanche) */
  --serie-1: #2a78d6;
  --serie-2: #eb6834;
  --grille: #ece9e0;
  --axe: #cfcabd;
  --texte-axe: #66726b;
  --jauge-piste: #d9e7f8;
}
.entete { box-shadow: 0 2px 10px rgba(46, 70, 58, .18); }
.marque img { background: #fff; padding: 2px; }
h1 { color: #20352a; }
.bloc__titre { color: #2c4337; font-size: 1.18rem; }
.tuile { border-top: 3px solid #cfe0d6; }
.tuile__etiquette { color: #3f5a4c; }
.bandeau { border-left-width: 6px; }
.bandeau--ok { background: #eef7ef; border-color: #cfe6d3; border-left-color: var(--bon); }
.bandeau--avertissement { background: #fff7e2; border-color: #f1dfae; border-left-color: var(--avertissement); }
.bandeau--critique { background: #fdeeee; border-color: #f1c9c9; border-left-color: var(--critique); }
.site { padding: 14px 16px; }
.site:hover { border-color: var(--marque); box-shadow: 0 4px 18px rgba(63, 107, 87, .12); }
.periodes__choix--actif { background: var(--marque); border-color: var(--marque); }
.nav-bas__lien.actif { color: var(--marque); }
.page-connexion { background: linear-gradient(160deg, #5a7768 0, #5a7768 220px, var(--fond) 220px); }