Couleurs
Primary
apple-blue
Secondary
clarity-secondary
Accent
clarity-accent
Surface
apple-bg-secondary
Contraste et lisibilité priorisés, avec focus visibles et support light/dark via color-scheme.
Typographie
Headline
Titre fort
Title
Titre section
Body
Texte de contenu optimisé pour la lecture, avec une hiérarchie claire.
Spécifications techniques
Base Tailwind v4 + utilitaires dédiés (Clarity) + composants sémantiques (Apple). Animations désactivées si l’utilisateur préfère réduire les mouvements.
Responsive
Light/Dark
Focus Visible
Reduced Motion
| Tokens | --color-clarity-primary, --shadow-clarity-* |
| Breakpoints | sm / md / lg |
| Accessibilité | skip link, focus-visible, contrast, aria |
| Animations | animate-clarity-spring, animate-clarity-glow |