feat(ui): pivot de la direction artistique vers une DA festive et animée

[julienrata]

Intention

Pivoter la direction artistique de tout le front de « atelier / artisan » (sobre, cuivre/papier) vers une ambiance joviale, festive et animée.

Changements

• Tokens (styles.scss) : palette framboise #D81B60 / violet #7C3AED / mandarine, dégradés --cc-gradient-*, rayons plus généreux + --cc-radius-pill, ombres expressives teintées + --cc-shadow-glow, tokens de mouvement (--cc-dur-*, --cc-ease-smooth/bounce, --cc-transition-*, --cc-stagger), keyframes globales cc-rise/cc-pop.
• Animations CSS pures : entrée de page par feature, micro-interactions rebondies au survol des cartes/boutons/liens, apparition en cascade des grilles via une utilitaire globale .cc-stagger (classe sur le conteneur, anime les enfants directs).
• Couverture : shell (toolbar/nav) + toutes les pages (home, code-review, bonnes pratiques, phase-guide, solid, design-patterns, claude-code-setup) et leurs détails.

Accessibilité (préservée)

• prefers-reduced-motion neutralise durées et délais des nouvelles animations.
• Contrastes vérifiés AA (blanc sur framboise ≈ 4.6:1, sur violet ≈ 5.3:1) ; lien actif passé en --cc-primary-hover pour le contraste sur teinte.
• :focus-visible et .skip-link intacts ; aucun indice porté par la seule couleur (lift + halo + bordure se cumulent).

Notes

• Aucune dépendance ajoutée, aucune logique TS touchée (seul ajout : la classe cc-stagger dans 6 templates).
• Cascade centralisée plutôt que dupliquée par composant — corrige un dépassement de budget SCSS et un :nth-child inopérant sur les hubs en <ul>/<li>.
• Décision tracée dans DECISIONS.md.
• npm run check (lint + build) vert, sans warning.

🤖 Generated with Claude Code