/* Variables de thème : couleurs, typographie, espacements.
   Charte provisoire (section 13 des spécifications), à remplacer
   plus tard par la charte officielle de monce1d.be. */

:root {
  /* Couleurs de rôle */
  --couleur-principale: #2B4ACB;
  --couleur-accent: #F5B700;
  --couleur-reussite: #1F9D55;
  --couleur-a-revoir: #E07B00;

  /* Couleurs par schéma (surchargées au cas par cas) */
  --couleur-digestif: #D98E04;
  --couleur-coeur: #E5484D;

  /* Fonds clair/sombre */
  --fond-clair: #F7F8FC;
  --fond-sombre: #12141C;
  --fond: var(--fond-clair);
  --texte: #1B1F2A;
  --texte-doux: #5B6472;
  --surface: #FFFFFF;
  --bordure: #E1E5F0;

  /* Typographie */
  --police: "Atkinson Hyperlegible", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --taille-texte-base: 17px;
  --echelle-taille: 1; /* ajustée par le réglage « Taille du texte » (Mon confort) */

  /* Formes */
  --rayon: 12px;
  --ombre-legere: 0 2px 8px rgba(20, 24, 40, 0.08);

  /* Cible tactile minimale (accessibilité) */
  --cible-tactile-min: 44px;
}

/* Thème sombre, automatique selon le téléphone. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="clair"]) {
    --fond: var(--fond-sombre);
    --texte: #F2F4FA;
    --texte-doux: #AEB6C6;
    --surface: #1B1E29;
    --bordure: #2A2E3D;
  }
}

/* Thème forcé via le menu Mon confort. */
:root[data-theme="sombre"] {
  --fond: var(--fond-sombre);
  --texte: #F2F4FA;
  --texte-doux: #AEB6C6;
  --surface: #1B1E29;
  --bordure: #2A2E3D;
}

:root[data-theme="clair"] {
  --fond: var(--fond-clair);
  --texte: #1B1F2A;
  --texte-doux: #5B6472;
  --surface: #FFFFFF;
  --bordure: #E1E5F0;
}