--green
Catalogue descriptif des styles reutilisables pour les pages de production.
Noms exacts des variables couleur/typo/fond pour reutilisation CSS.
--green
--blue
--rose
--amber
--red
--panel-bg
Échelle définie dans base.css : hiérarchie resserrée (environ +10 % par niveau), corps et petits textes au même ordre de grandeur pour éviter le zoom « tout ou rien ». Les titres pixel (Press Start) utilisent --type-pixel-sm / --type-pixel-md.
Paragraphe corps (--type-body) : lisible à 100 % sans agrandir la fenêtre. Les liens inline héritent de la taille du bloc parent.
Légende / méta (--type-caption) — texte secondaire toujours au-dessus du plancher illisible.
Structure de base pour pages docs, admin, settings et nouvelles vues.
Grille dashboard multi-colonnes, header complet, panneaux en workstation layout. Pages UI : pleine largeur utile, typo pilotée par --type-* (base.css).
Stack vertical des panels, scroll sur document (règles html/body), sections simplifiees.
Header empile, quetes en 1 colonne. font-scale.js est neutre (facteur 1) : plus de micro-texte imposé par JS.
.ui-* : primitives de page/composants transverses..panel*, .stat-*, .action-btn* : composants metier dashboard.--variant : variantes visuelles (ex: .ui-btn--primary).--state : etats dynamiques (ex: .stat-bar--critical, .panel--collapsed).