/* ============================================================
   tokens.css — Design tokens SAP-Lingo
   Toutes les variables de couleur, typographie et espacements
   du design system. À importer en premier sur chaque page.
   ============================================================ */

:root {
  /* --- Couleurs principales --- */
  --primary:          #a3a6ff;   /* Violet clair — textes actifs, accents */
  --primary-dim:      #6063ee;   /* Violet foncé — dégradés, boutons */
  --secondary:        #6bff8f;   /* Vert — états "complété", succès */
  --tertiary:         #ffd574;   /* Jaune — XP, streaks, avertissements */

  /* --- Surfaces (arrière-plans) --- */
  --surface:          #060e20;   /* Fond de page principal */
  --surface-container:#0f1930;   /* Cards légèrement surélevées */
  --surface-high:     #141f38;   /* Cards normales */
  --surface-highest:  #192540;   /* Éléments les plus surélevés */

  /* --- Textes --- */
  --on-surface:         #dee5ff; /* Texte principal */
  --on-surface-variant: #a3aac4; /* Texte secondaire / labels */

  /* --- Contours --- */
  --outline:         #6d758c;    /* Bordures visibles */
  --outline-variant: #40485d;    /* Bordures discrètes */
}