/* ============================================================================ themes.css — Système de thèmes 3 × 2 (refonte 2026-06) ---------------------------------------------------------------------------- DEUX axes INDÉPENDANTS sur : • data-design = glass | rexora | termos (famille de thème, choix libre) • data-theme = dark | light (mode jour/nuit, choix libre) → 6 combinaisons. Chargé EN DERNIER (après cards-frost.css) pour gagner la cascade sur les couches legacy. POLITIQUE RÉGRESSION ZÉRO (important) : - Glass-nuit (glass+dark) : NON redéfini ici → rendu par la cascade existante (style.css/redesign.css/theme.css). Inchangé au pixel. - Rexora-jour ET Rexora-nuit : NON redéfinis ici → possédés entièrement par design-rexora.css (qui gate déjà [data-design="rexora"][data-theme=…]). Ne PAS recopier leurs valeurs ici : la seule garantie de « rendu identique » est de ne pas toucher à leur CSS. CE FICHIER possède donc : - les tokens TermOS (nuit + jour) — design neuf, n'existait pas ; - (à venir étape 3) les composants TermOS et les retouches glass-jour. Garde-fou anti-fuite glass : les effets glass purement visuels (frost des cards) sont gatés [data-design="glass"] à la source (cards-frost.css). Ici on neutralise en plus les tokens --glass-* pour termos (comme le fait rexora), pour que les surfaces token-driven (toasts/alerts) ne soient pas floutées. ============================================================================ */ /* ───────────────────────── TermOS — MODE NUIT ───────────────────────────── Style « Revnix » : gris sombre profond, lignes nettes, minimal. Accent = la couleur choisie par l'utilisateur (système accent existant), NON figée ici. */ html[data-design="termos"][data-theme="dark"] { /* Gris sombre (pas noir) — demande utilisateur. */ --bg: #16171c; --bg2: #1b1c22; --card: #1e2027; --card2: #1b1c22; --inp: #16171c; --elev: #23252d; --t1: #e7e8ec; --t2: #b4b7c0; --t3: #9498a3; --t4: #777b87; --brd: #2b2d35; --brd2: #363944; /* Glass neutralisé (pas de blur sous termos) — surfaces token-driven solides. */ --glass-bg: var(--card); --glass-bg-strong: var(--card); --glass-bg-soft: var(--bg2); --glass-blur: none; --glass-border: 1px solid var(--brd); --glass-shadow: 0 8px 24px rgba(0, 0, 0, .28); --glass-shadow-strong: 0 12px 34px rgba(0, 0, 0, .38); } /* ───────────────────────── TermOS — MODE JOUR ───────────────────────────── Blanc cassé, panneaux blancs, lignes claires. Même structure minimale. */ html[data-design="termos"][data-theme="light"] { --bg: #fafafa; --bg2: #ffffff; --card: #ffffff; --card2: #f4f4f6; --inp: #ffffff; --elev: #ffffff; --t1: #16171b; --t2: #3a3d45; --t3: #6b6f7a; --t4: #9498a3; --brd: #e9e9ec; --brd2: #dddde2; --glass-bg: var(--card); --glass-bg-strong: var(--card); --glass-bg-soft: var(--card2); --glass-blur: none; --glass-border: 1px solid var(--brd); --glass-shadow: 0 6px 18px rgba(15, 23, 42, .08); --glass-shadow-strong: 0 10px 26px rgba(15, 23, 42, .12); } /* Les statuts (--ok/--err/--warn/--info) NE sont PAS redéfinis : ils restent fixes quel que soit le thème (charte Orbit). TermOS s'appuie dessus pour ses badges (vert facturé / ambre en cours / rouge retard). */ /* NB étape 3 : composants TermOS (sidebar repliable, sparklines barres, gros graphes lib charts, badges statut/action, diagramme de flux, icônes export) + dé-contamination des règles glass-unified.css !important non gatées par design (inputs/tables) pour termos & rexora-dark. */