/* Design system Expliq — tokens en variables CSS.
   SOURCE DE VÉRITÉ. Voir AGENT.md §3 pour les règles d'usage.
   Palette de Marjorie. Toute évolution se fait ici d'abord, puis se recopie
   (inline) dans chaque outil — voir la contrainte de déploiement (AGENT.md §1). */

:root {
  /* Couleurs de marque */
  --primary: #9747FF;   /* violet Expliq — actions, accents, focus */
  --violet2: #4100EC;   /* violet profond — dégradés, survols */
  --teal:    #02B2AF;   /* curseurs, interactif secondaire */

  /* Couleurs sémantiques */
  --ok:   #008538;      /* succès / bonne réponse */
  --warn: #EF6C00;      /* alerte / attention */
  --info: #2E96FF;      /* information */

  /* Texte & surfaces */
  --text:     #080018;  /* texte principal */
  --text-mid: #474356;  /* texte secondaire */
  --border:   #C9C3DA;  /* bordures de cartes */
  --bgclair:  #FAFAFA;  /* fond des cartes (écrans de réglage) */

  /* Fond cosmique (écrans élèves) */
  --bg1: #14102e;       /* indigo sombre haut */
  --bg2: #1d1745;       /* indigo sombre bas */

  /* Ombre douce standard des cartes */
  --shadow: 0 1px 3px rgba(0,0,0,.10), 0 1px 2px rgba(0,0,0,.08);

  /* Rayon standard des cartes */
  --radius: 8px;

  /* Typographies — Lexend uniquement, graisses 400/500/600 */
  --font-display: "Lexend", system-ui, sans-serif;
  --font-body:    "Lexend", system-ui, sans-serif;
}