/* * palettes.css — PsyRisso Desktop * Déclare les 4 palettes candidates via [data-palette="..."] sur . * L'attribut est posé côté PHP (lecture cookie, whitelist) pour éviter * tout flash de la mauvaise couleur au chargement, cf. Recap_Nouveau_Design_Desktop.md §8. * * ⚠️ Sable / Lavande / Corail sont des exemples provisoires (valeurs inventées * pour démontrer le mécanisme) — à remplacer par les teintes définitives * validées par Béatrice avant mise en prod finale. * * --cat-rouge / --cat-bleu / --cat-orange / --cat-rose / --cat-lavande : * repères de catégorie FIXES (accordéons Tarifs : HQI, TDA/H, TSA, DYS ; * onglet Ressources Cahiers d'Exercices), identiques sur les 4 palettes * et choisis pour ne JAMAIS entrer en collision avec --dore/--ocre * d'aucune des 4 palettes (c'était le cas avant renommage : les anciennes * --lavande/--corail recyclaient telles quelles les teintes --dore/--ocre * des palettes Lavande/Corail, donc catégorie et palette se confondaient * visuellement une fois cette palette activée). --cat-lavande ajoutée le * 1er août 2026 : vigilance particulière sur la palette "lavande" * elle-même (--dore/--ocre déjà dans les tons violet/bleu-violet) — valeur * choisie plus saturée/foncée (améthyste) pour rester distincte même * dans ce contexte. * --cat-sauge (Bilans thématiques / onglet Ressources) reste la seule à * varier légèrement par palette (validé par Loïc). */ :root, :root[data-palette="default"] { --bleu: #1B3B35; --dore: #CCA15C; /* --ocre: #4EC1BC; -- jugé trop clair par Béatrice (6 août 2026) */ --ocre: #359C95; --creme: #FAFAF7; --blanc: #FFFFFF; --gris-sep: #E3E0D8; --gris-fond: #F1EEE7; --cat-sauge: #93AC8B; --cat-rouge: #C0524A; --cat-bleu: #1B3B35; --cat-orange: #E0917C; --cat-rose: #D6A0AE; --cat-lavande: #8E6BAF; } :root[data-palette="sable"] { --bleu: #3A2E28; --dore: #C98A5A; --ocre: #B5794F; --creme: #FBF6EE; --blanc: #FFFFFF; --gris-sep: #E8DFD1; --gris-fond: #F3EBDD; --cat-sauge: #A6A178; --cat-rouge: #C0524A; --cat-bleu: #1B3B35; --cat-orange: #E0917C; --cat-rose: #D6A0AE; --cat-lavande: #8E6BAF; } :root[data-palette="lavande"] { --bleu: #2C3E50; --dore: #9B8FB8; --ocre: #7C83BC; --creme: #F7F6FB; --blanc: #FFFFFF; --gris-sep: #E0DEEA; --gris-fond: #EFEDF6; --cat-sauge: #8FAE9E; --cat-rouge: #C0524A; --cat-bleu: #1B3B35; --cat-orange: #E0917C; --cat-rose: #D6A0AE; --cat-lavande: #8E6BAF; } :root[data-palette="corail"] { --bleu: #3D2B26; --dore: #D9A45B; --ocre: #E0917C; --creme: #FDF6F0; --blanc: #FFFFFF; --gris-sep: #EDDDD4; --gris-fond: #FBEEE7; --cat-sauge: #A8AD7E; --cat-rouge: #C0524A; --cat-bleu: #1B3B35; --cat-orange: #E0917C; --cat-rose: #D6A0AE; --cat-lavande: #8E6BAF; }