/* RACCORD EXPÉRIMENTAL — charger APRÈS les CSS existants et les directions. Retirer data-ui-direction désactive le raccord. Aucune règle !important. Feuille maintenue dans le code, PAS un fichier à téléverser dans /apparence.css. La couche protege existante reste prioritaire pour ses règles !important. */ html[data-ui-direction][data-ui-produit] { --color-fond: var(--essai-fond); --color-surface: var(--essai-surface); --color-encre: var(--essai-encre); --color-discret: var(--essai-discret); --color-bordure: var(--essai-bordure); --color-accent: var(--essai-accent); --color-accent-encre: var(--essai-sur-accent); --color-alerte: var(--essai-erreur); --color-succes: var(--essai-succes); --font-texte: var(--essai-police); --font-titres: var(--essai-titre); --radius-ui: var(--essai-rayon); --radius-ui-bloc: var(--essai-rayon-bloc); --shadow-ui: var(--essai-ombre); } html[data-ui-direction][data-ui-produit="gestion-sci"] { --color-foreground: var(--essai-accent); --color-background: var(--essai-sur-accent); --bg: var(--essai-fond); --fg: var(--essai-encre); --card: var(--essai-surface); --muted: var(--essai-discret); --border: var(--essai-bordure); --accent: var(--essai-accent); --default-font-family: var(--essai-police); --font-sans: var(--essai-police); --radius-md: var(--essai-rayon); --radius-lg: var(--essai-rayon-bloc); --shadow-sm: var(--essai-ombre); /* Pas de substitution globale des gray/blue/white : ces utilitaires mélangent surfaces, textes et contrastes inversés. Raccorder les composants sémantiquement. */ } html[data-ui-direction][data-ui-produit="dealv2"] { --bg: var(--essai-fond); --fg: var(--essai-encre); --card: var(--essai-surface); --muted: var(--essai-discret); --border: var(--essai-bordure); --sunken: var(--essai-tendre); --row-alt: var(--essai-tendre); --accent: var(--essai-accent); --accent-2: var(--essai-accent); --accent-fg: var(--essai-sur-accent); --accent-doux: var(--essai-tendre); --color-foreground: var(--essai-accent); --color-background: var(--essai-sur-accent); --font-display: var(--essai-titre); --radius: var(--essai-rayon); --radius-lg: var(--essai-rayon-bloc); --radius-xl: var(--essai-rayon-bloc); --shadow-sm: var(--essai-ombre); --shadow-md: var(--essai-ombre); --shadow-lg: var(--essai-ombre); } html[data-ui-direction][data-ui-produit] body { background: var(--essai-fond); color: var(--essai-encre); font-family: var(--essai-police); } html[data-ui-direction][data-ui-produit] :is(h1, h2, h3, h4) { font-family: var(--essai-titre); }