/* ==================================================================
   ADAPTIO — jetons de charte (palette + typo + espacements)
   Direction : SaaS clair & pedago. Toujours utiliser ces variables,
   jamais un hexa en dur ailleurs (cf. .stylelintrc.json).
   ================================================================== */

:root {
  /* --- Couleurs de marque --- */
  --c-primaire:        #2563eb; /* bleu confiance : actions, liens, marque      */
  --c-primaire-fonce:  #1d4ed8; /* survol / focus des boutons primaires          */
  --c-primaire-clair:  #dbeafe; /* fonds doux, badges, surlignage                */

  --c-succes:          #16a34a; /* progression, maitrise atteinte, validation     */
  --c-succes-clair:    #dcfce7;
  --c-accent:          #f59e0b; /* ambre : mise en avant, streak, call-to-action  */
  --c-accent-clair:    #fef3c7;
  --c-erreur:          #dc2626; /* alertes, mauvaise reponse                      */
  --c-erreur-clair:    #fee2e2;

  /* --- Neutres --- */
  --c-fond:            #f8fafc; /* fond de page (gris tres clair)                 */
  --c-surface:         #ffffff; /* cartes, champs, panneaux                        */
  --c-bordure:         #e2e8f0; /* separateurs, contours de cartes                 */
  --c-texte:           #0f172a; /* texte principal (contraste AA sur fond clair)  */
  --c-texte-doux:      #475569; /* texte secondaire, labels                        */
  --c-texte-faible:    #94a3b8; /* placeholders, mentions discretes                */

  /* --- Typographie ---
     Polices auto-hebergees a deposer dans _font/ (RGPD : aucun CDN).
     Fallbacks systeme robustes tant que les .woff2 ne sont pas fournis. */
  --f-titre: "Fraunces", Georgia, "Times New Roman", serif;
  --f-corps: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* --- Rayons & ombres --- */
  --rayon:    12px;
  --rayon-sm: 8px;
  --ombre:    0 1px 3px rgb(15 23 42 / 8%), 0 1px 2px rgb(15 23 42 / 6%);
  --ombre-lg: 0 10px 25px rgb(37 99 235 / 12%);

  /* --- Espacements (paddings conteneurs, mobile-first) --- */
  --pad-xs: 16px;
  --pad-sm: 32px;
  --pad-md: 64px;
  --pad-lg: 100px;
  --largeur-max: 1100px;

  /* Couleur de theme PWA (doit matcher manifest.webmanifest) */
  --c-theme: #2563eb;
}