/* ========================================================== Hypervision Xpert — Thèmes de couleurs Chaque thème surcharge les variables de :root définies dans style.css. Appliqué via l'attribut data-theme sur . ========================================================== */ /* ----- IntegXpert LPR (défaut) ----- Palette de l'appli Integxpert-LPR : fond sombre bleu-gris, accent orange. */ html[data-theme="lpr"] { --bg-0: #0b0d12; --bg-1: #151922; --bg-2: #1b212c; --bg-3: #232b38; --border: #262d3b; --border-hover: #323a4c; --text-0: #e9edf4; --text-1: #b9c2d4; --text-2: #8a93a6; --text-3: #5a6273; --accent: #ff9f43; /* orange signature LPR */ --accent-soft: rgba(255, 159, 67, 0.14); --accent-strong: #ff6f3c; --ok: #3ddc97; --ok-soft: rgba(61, 220, 151, 0.13); --warn: #ffb020; --warn-soft: rgba(255, 176, 32, 0.13); --err: #ff5470; --err-soft: rgba(255, 84, 112, 0.13); --info: #4cc9f0; --info-soft: rgba(76, 201, 240, 0.13); } /* ----- IntegXpert Vert clair (mode jour) ----- */ html[data-theme="integxpert-light"] { color-scheme: light; --bg-0: #eaf6ee; --bg-1: #ffffff; --bg-2: #f3faf5; --bg-3: #dceee2; --border: rgba(20, 80, 50, 0.12); --border-hover: rgba(20, 80, 50, 0.24); --text-0: #0f2e1d; --text-1: #2d5f43; --text-2: #5b8c6f; --text-3: #8ab59a; --accent: #16a34a; --accent-soft: rgba(22, 163, 74, 0.10); --accent-strong: #15803d; --ok: #16a34a; --ok-soft: rgba(22, 163, 74, 0.10); --warn: #d97706; --warn-soft: rgba(217, 119, 6, 0.10); --err: #dc2626; --err-soft: rgba(220, 38, 38, 0.10); --info: #0d9488; --info-soft: rgba(13, 148, 136, 0.10); } /* ----- Ardoise (neutre sombre, sobre) ----- */ html[data-theme="slate"] { --bg-0: #0b0f14; --bg-1: #121821; --bg-2: #1a222e; --bg-3: #232e3d; --border: rgba(255, 255, 255, 0.08); --border-hover: rgba(255, 255, 255, 0.16); --accent: #14b8a6; /* teal sobre */ --accent-soft: rgba(20, 184, 166, 0.14); --accent-strong: #0d9488; } /* ----- Jaune historique (thème original explicite) ----- */ html[data-theme="amber"] { --accent: #f5c542; --accent-soft: rgba(245, 197, 66, 0.12); --accent-strong: #f5c542; } /* ---------------------------------------------------------- Ajustements mode clair. ---------------------------------------------------------- */ html[data-theme="integxpert-light"] body { background: var(--bg-0); } html[data-theme="integxpert-light"] .card, html[data-theme="integxpert-light"] .sidebar, html[data-theme="integxpert-light"] .topbar { box-shadow: 0 1px 3px rgba(20, 80, 50, 0.06); }