Charte graphique
Charte provisoire : Slate-950, Amber-500, Slate-50. Le bouton lune ou soleil de l'en-tête change de thème.
Couleurs
Jetons Tailwind définis dans globals.css, ils suivent le thème.
Fond
Texte
Carte
Accent
Bouton
Trois variantes, deux tailles. buttonClasses() habille aussi un lien.
Carte
Conteneur à bordure. Le ton « accent » met un élément en avant.
Carte par défaut
Carte accent
Barre de progression
La valeur est bornée entre 0 et 100. Le libellé sert aux lecteurs d'écran.
Badge de points
Singulier pour 0 et 1, pluriel au-delà. Deux tons.