Tokens — Warm Family Editorial
« Direction figée par 12 renders client. Accent recalibré du #E15B2A vif initial vers #C94B21 terracotta brûlé — plus chaud, plus profond, plus différencié vs concurrence (famigros bleu, loisirs.ch rouge, kidsmaster orange générique). »
| token CSS | valeur | rôle |
|---|---|---|
| --color-canvas | #FBF3E8 | Ivoire chaud (oklch 0.96 0.022 78) |
| --color-surface | #F5E9D8 | Sable sections alternées |
| --color-elevated | #FFFFFF | Cards blanches |
| --color-accent | #C94B21 | Terracotta brûlé — UI Large uniquement (4.23:1) |
| --color-accent-hover | #A03A18 | Pressed + body text accent < 18pt (6.09:1) |
| --color-accent-subtle | #FBE5D6 | Tint warm pills + chips |
| --color-accent-dark | #7A2C12 | Footer — text white AAA (9.69:1) |
| --color-text-primary | #1F1A16 | Off-black warm — 11.6:1 AAA |
| --color-text-secondary | #6B5D52 | Taupe metadata — 5.1:1 AA |
| --font-display | Lora | Serif transitional warm + italic (signature) |
| --font-body | Geist | Sans body hérité kidigo |
†1Italics actifs : élément stylistique récurrent extrait des renders (« et go ! », « en famille », « en lumière »). Composant <AccentItalic> créé en Phase 4-A pour systématiser. Lora remplace Outfit kidigo via la variable CSS --font-display conservée — toutes les classes font-display existantes héritent automatiquement.