Démonstration des 19 styles de design avec système de tokens CSS
Les polices s'adaptent automatiquement au thème sélectionné. Chaque style utilise des Modern Font Stacks pour une compatibilité optimale.
Le système de tokens centralisé garantit une cohérence parfaite entre tous les éléments de l'interface.
Les marges et paddings sont définis via des variables standardisées pour maintenir une harmonie visuelle.
Chaque thème possède ses propres ombres et effets visuels qui correspondent à son identité graphique.
Les rayons de bordure, épaisseurs et styles varient selon le thème pour créer des ambiances distinctes.
Les vitesses et courbes de transition sont personnalisées pour chaque style, du rapide au fluide.
Tokens.css → Variables descriptives (--bleu-electrique, --space-16, --font-neo-grotesque)
Theme CSS → Variables sémantiques (--primary-color, --spacing-md, --font-family-primary)
Base.css → Styles appliqués utilisant les variables sémantiques
Cette section démontre que toutes les variables s'enchaînent correctement du niveau tokens jusqu'aux styles finaux.