/* ═══════════════════════════════════════════════════════════════ HOKAY — TOKENS DE THÈME CENTRALISÉS Source unique de vérité pour les 3 thèmes : Mode Clair, Dark Marron (par défaut), Dark Pur. Toute page qui inclut ce fichier doit supprimer son propre bloc :root / [data-theme="dark"] dupliqué et utiliser ces variables à la place. Utilisation dans un template : -> à charger AVANT le CSS spécifique à la page. États possibles sur : (aucun attribut) -> Mode Clair data-theme="dark" -> Dark Marron (défaut historique) data-theme="pure" -> Dark Pur (fonds neutres, même accent --ember) ═══════════════════════════════════════════════════════════════ */ :root { --crust: #eeece7; --surface: #ffffff; --card: #ffffff; --card2: #f6f3ed; --border: rgba(168,70,15,.14); --border2: rgba(168,70,15,.26); --ember: #a8460f; --ember2: #8a3a0c; --ember-glow: rgba(168,70,15,.15); --sand: #2a2015; --sand2: #5c4a38; --muted: #6b5a44; --muted2: #8a7358; --on-dark: #f7f2ea; --ember-btn: #e07b35; --ember-btn2: #c96a20; --header-bg: rgba(238,236,231,.9); --overlay-bg: rgba(238,236,231,.97); --mobilenav-bg: rgba(255,255,255,.97); } [data-theme="dark"] { --crust: #0e0b09; --surface: #161310; --card: #201c17; --card2: #26211c; --border: #362c25; --border2: #453930; --ember: #e07b35; --ember2: #c96a20; --ember-glow: rgba(224,123,53,.13); --sand: #ede0cc; --sand2: #c8b8a2; --header-bg: rgba(14,11,9,.92); --overlay-bg: rgba(14,11,9,.97); --mobilenav-bg: rgba(20,18,16,.97); --muted: #9c8a76; --muted2: #8f7c68; } [data-theme="pure"] { --crust: #18181a; --surface: #1f1f22; --card: #26262a; --card2: #2c2c30; --border: #38383d; --border2: #46464c; --ember: #e07b35; --ember2: #c96a20; --ember-glow: rgba(224,123,53,.13); --sand: #ededee; --sand2: #c9c9cc; --header-bg: rgba(24,24,26,.92); --overlay-bg: rgba(24,24,26,.97); --mobilenav-bg: rgba(31,31,34,.97); --muted: #a3a3a8; --muted2: #8f8f94; }