/* ===================================================================== PREDICIA — Charte « Aube » (couche de refonte, chargée EN DERNIER) Territoire clair/chaud : blanc teinté améthyste + accent améthyste + lumière d'aube. Voix : rassurant · lumineux · humain. On ne touche PAS au parcours : uniquement l'identité visuelle. ===================================================================== */ /* Les tokens de thème sont posés en attribut `style` inline sur par l'export Next.js → un attribut inline bat une feuille de style. On force donc nos valeurs avec !important (author !important > inline sans important). */ :root{ /* --- Design tokens (triplets RGB, consommés via rgb(var(--ds-*))) --- */ --ds-bg:246 244 248 !important; /* blanc teinté améthyste (pas crème) */ --ds-surface:255 255 255 !important; --ds-fg:36 26 51 !important; /* encre prune */ --ds-muted:94 83 112 !important; /* secondaire AA */ --ds-accent:108 74 147 !important; /* améthyste */ --ds-cta:90 58 130 !important; /* améthyste fort (CTA) */ --ds-cta-contrast:255 255 255 !important;/* texte blanc sur CTA */ /* statuts : sémantique conservée (dispo/occupé/absent) */ --ds-status-online:41 171 84 !important; --ds-status-busy:219 128 62 !important; --ds-status-offline:156 163 175 !important; /* --- Palette héritée (--color-*) --- */ --color-primary:#6C4A93 !important; --color-primary-dark:#5A3A82 !important; --color-primary-text:#FFFFFF !important; --color-background-text:#241A33 !important; --color-background-secondary:#EFEAF3 !important; /* --- Typographie (hors liste-réflexe) --- */ --font-display:"Literata","Cormorant Garamond",Georgia,serif !important; --font-body:"Hanken Grotesk","Inter",system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif !important; } /* Lumière d'aube : halo très discret en fond de page (CSS pur, pas d'image) */ body{ font-family:var(--font-body); background-color:rgb(var(--ds-bg)); background-image: radial-gradient(70% 42% at 82% -2%, rgba(240,169,135,.12), transparent 60%), radial-gradient(60% 40% at 8% 2%, rgba(108,74,147,.08), transparent 62%); background-attachment:fixed; background-repeat:no-repeat; } /* Titres en display, mieux calés */ h1,h2,h3,.font-display{font-family:var(--font-display); letter-spacing:-.012em} /* CTA améthyste : le funnel code `text-black` en dur → illisible sur améthyste. On force un texte blanc sur tout bouton/élément au fond améthyste. */ [class*="bg-[#5a3a82]"],[class*="bg-[#6c4a93]"],[class*="bg-[#8a6bb0]"]{color:#fff !important} [class*="bg-[#5a3a82]"] *,[class*="bg-[#6c4a93]"] *{color:inherit !important} /* Focus visible cohérent (accessibilité) */ a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{ outline:none; box-shadow:0 0 0 3px color-mix(in srgb, rgb(var(--ds-accent)) 40%, transparent); border-radius:8px; }