Couleurs
Palette de marque
Source : Brand Framework 2026. Ces valeurs sont immuables — ne jamais approximer.
Couleur principale. Boutons CTA, accents, badges validés.
Hover sur mc-green, fonds sombres verts, texte sur fond clair.
Texte principal, sidebar apps, fonds institutionnels.
Fonds doux, sections secondaires, email background.
Extensions UI
Variantes dérivées définies dans le Tailwind config pour les besoins d'interface. Ne pas utiliser en-dehors des apps.
Couleurs sémantiques
Pour les états système (succès, erreur, avertissement, info). Utilisées dans les badges, alerts, validations.
Accessibilité — ratios de contraste
Texte blanc ou mc-navy sur fonds MC. Toujours vérifier avant d'utiliser une combinaison nouvelle.
| Combinaison | Ratio | AA Normal | AA Large |
|---|---|---|---|
| blanc sur mc-navy #323e48 | 8.6:1 | ✓ | ✓ |
| blanc sur mc-green-dark #5d7261 | 4.6:1 | ✓ | ✓ |
| mc-navy sur mc-green #94ba92 | 3.9:1 | ✗ | ✓ |
| mc-navy sur mc-cream #efe6e6 | 6.4:1 | ✓ | ✓ |
| blanc sur mc-green #94ba92 | 2.7:1 | ✗ | ✗ |
⚠ Éviter blanc sur mc-green (#94ba92) pour du texte courant. Utiliser mc-green uniquement pour des éléments graphiques ou du texte large (>18px bold).