/* ===== THÈME : MarocGames Default ===== Pour créer un nouveau thème : dupliquer ce fichier, modifier les variables, et changer THEME dans l'env. Toutes les pages utilisent ces variables automatiquement. */ :root { /* --- Couleurs de base --- */ --bg: #060810; --surface: #0d1117; --card: #111620; --border: #1e2a3a; --text: #e8eaf0; --muted: #6b7a99; /* --- Couleurs d'accent --- */ --accent: #c8a84b; --accent2: #e63946; --accent3: #00d4ff; --steam: #1b9ef7; --green: #3ddc84; --red: #ff4757; --purple: #9b59b6; --orange: #ff6b35; --gold: #f0a500; --silver: #a0aec0; /* --- Typographie --- */ --font-display: 'Exo 2', sans-serif; --font-display-app: 'Barlow Condensed', sans-serif; --font-body: 'Barlow', sans-serif; --font-arabic: 'Tajawal', sans-serif; /* --- Effets --- */ --grid-color: rgba(200,168,75,0.03); --glow-accent: rgba(200,168,75,0.4); --glow-steam: rgba(27,158,247,0.4); --glow-green: rgba(61,220,132,0.6); } /* ===== THEME CLAIR (override via data-theme="light" sur ) ===== */ html[data-theme="light"] { --bg: #f5f7fa; --surface: #ffffff; --card: #ffffff; --border: #d8dde6; --text: #1a2030; --muted: #5a6478; /* Accents legerement adoucis pour un fond clair */ --accent: #b8902a; --steam: #0c7fce; --green: #1ea668; --red: #d63a4a; --gold: #c98700; --silver: #6b7a99; --grid-color: rgba(184,144,42,0.05); --glow-accent: rgba(184,144,42,0.25); --glow-steam: rgba(12,127,206,0.25); --glow-green: rgba(30,166,104,0.4); } /* Fix selecteurs / inputs pour mode clair (le bg dark devient blanc) */ html[data-theme="light"] body { background: var(--bg); color: var(--text); } html[data-theme="light"] input, html[data-theme="light"] textarea, html[data-theme="light"] select { background: var(--surface); color: var(--text); border-color: var(--border); } html[data-theme="light"] code { background: rgba(0,0,0,0.05); color: var(--accent); }