/* ============================================================================ * THÈME EMBER ORANGE * ============================================================================ * Activation : * * Override les tokens définis dans tokens.css. * Aucun composant ne doit être touché — tout passe par les tokens. * * Source : v1.1.3 production (thème éprouvé sur le terrain) * ============================================================================ */ body[data-theme="ember"] { /* ── Couleurs accent (BADGER, glows, actifs) ────────────── */ --accent: #fb6a1a; --accent-2: #f59e0b; --accent-glow: rgba(251, 106, 26, 0.65); /* Couleurs liseré nav — orange ambré dégradé */ --nav-glow-1: rgba(251, 106, 26, 0.7); /* orange flamme */ --nav-glow-2: rgba(245, 158, 11, 0.85); /* orange ambre */ --nav-glow-3: rgba(254, 215, 170, 0.7); /* peach */ /* ── Background page — brun chaud profond ───────────────── */ --page-bg: radial-gradient(circle at 18% 10%, rgba(251, 106, 26, 0.42), transparent 34%), radial-gradient(circle at 88% 12%, rgba(245, 158, 11, 0.28), transparent 36%), linear-gradient(180deg, #241007 0%, #120704 58%, #050201 100%); /* ── Cards — fond chaud brun ────────────────────────────── */ --card-bg: linear-gradient(160deg, rgba(95, 50, 25, 0.55), rgba(60, 28, 15, 0.72)); --card-stroke: rgba(251, 180, 130, 0.18); --card-stroke-strong: rgba(251, 180, 130, 0.32); /* Nav background — encore plus foncé que le thème (cohérent) */ --nav-bg: linear-gradient(180deg, rgba(15, 8, 4, 0.98), rgba(8, 3, 1, 1)); /* Dark deep — tons bruns pour les case sélection */ --dark-deep-55: rgba(38, 18, 8, 0.55); --dark-deep-65: rgba(38, 18, 8, 0.65); --dark-deep-75: rgba(38, 18, 8, 0.75); --dark-deep-94: rgba(38, 18, 8, 0.94); /* Glow accent (boutons momentum, etc) */ --accent-glow-soft: rgba(251, 106, 26, 0.45); --accent-glow-medium: rgba(251, 106, 26, 0.55); --accent-glow-strong: rgba(254, 215, 170, 0.30); --accent-glow-shadow: rgba(251, 106, 26, 0.40); /* ── BADGER — orange flamme dégradé ─────────────────────── */ --badger-c1: #c2410c; /* orange profond — coins */ --badger-c2: #ea580c; /* orange medium */ --badger-c3: #fb923c; /* peach lumineux — centre */ --badger-shadow-1: rgba(251, 146, 60, 0.65); --badger-shadow-2: rgba(254, 215, 170, 0.40); --badger-shadow-3: rgba(120, 53, 15, 0.50); }