/* Palette FeMu — pont vers le vrai système de tokens du thème Jidox (Coderthemes), chargé juste avant cette feuille (voir base.html.twig : theme/jidox/css/app.min.css puis ce fichier). On garde les MÊMES noms de variable utilisés dans tout PWA-MAJOR (app.css + les ~37 gabarits) pour ne rien casser — seules leurs VALEURS changent, pour pointer vers les tokens `--ct-*` réels de Jidox. Le clair/obscur est désormais entièrement piloté par Jidox lui-même via l'attribut [data-bs-theme] posé sur (voir base.html.twig et theme/jidox/js/config.js) — plus de bascule manuelle. */ :root { --bg-deep: var(--ct-body-bg); --bg-main: var(--ct-body-bg); --bg-card: var(--ct-card-bg); --bg-sidebar: var(--ct-menu-bg); --accent-pink: #f4157e; --accent-purple: #8b5cf6; --accent-blue: #3b82f6; --accent-green: #10b981; --accent-orange: #f97316; --accent-yellow: #eab308; /* Couleur d'accent principale de l'app courante. */ --accent-app: var(--accent-pink); --text: var(--ct-body-color); --muted: var(--ct-secondary-color); --border: var(--ct-border-color); /* Triplet RGB (sans alpha) de « l'encre » posée sur les surfaces, pour tout `rgba(var(--on-surface),X)` du reste de la feuille — repris sur [data-bs-theme] au lieu de notre ancien data-theme maison. */ --on-surface: 15, 23, 42; --on-surface-solid: var(--ct-emphasis-color); /* Identité FeM appliquée aux primitives Bootstrap natives (boutons, liens, nav active, focus ring) à la place de l'indigo par défaut de Jidox — cohérent avec WEB/PWA-FAN/PWA-ARTISTE. */ --ct-primary: #f4157e; --ct-primary-rgb: 244, 21, 126; } [data-bs-theme=dark] { --on-surface: 255, 255, 255; } *, *::before, *::after { box-sizing: border-box; } body { font-family: var(--ct-body-font-family); transition: background-color .2s ease, color .2s ease; } h1 { font-size: 1.35rem; font-weight: 800; margin: 0 0 .3rem; letter-spacing: -.01em; } h2 { font-size: 1.05rem; font-weight: 700; margin: 0 0 .5rem; } ::-webkit-scrollbar { width: 9px; height: 9px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: rgba(var(--on-surface),.12); border-radius: 6px; } ::-webkit-scrollbar-thumb:hover { background: rgba(var(--on-surface),.2); }