/* ========================================================= βœ… VARIABLES GLOBALES CAMPUS CFC TRADING β€” V41.10 FINAL πŸŒ™/β˜€οΈ Soporte modo claro/oscuro con prioridad forzada πŸ”’ CFC-SYNC V8.7 | QA-SYNC V41.10 ========================================================= */ /* 🎨 Valores base (modo claro por defecto) */ :root { --color-bg: #ffffff; --color-text: #111111; --color-accent: #ffd700; --gold: #d4af37; --dark: #0a0a0a; --accent: #1e90ff; --text-light: #f2f2f2; --glass-bg: rgba(255, 255, 255, 0.08); --radius: 16px; --shadow: 0 4px 20px rgba(0, 0, 0, 0.25); } /* ========================================================= β˜€οΈ Tema claro β€” activo cuando ========================================================= */ html[data-theme="light"] { --color-bg: #f9f9f9 !important; --color-text: #111 !important; --color-accent: #c59d00 !important; --glass-bg: rgba(255, 255, 255, 0.15) !important; } /* ========================================================= πŸŒ™ Tema oscuro β€” activo cuando ========================================================= */ html[data-theme="dark"] { --color-bg: #0b0b0b !important; --color-text: #eeeeee !important; --color-accent: #ffd700 !important; --glass-bg: rgba(255, 255, 255, 0.08) !important; } /* ========================================================= 🌐 AplicaciΓ³n global de variables ========================================================= */ body { background-color: var(--color-bg) !important; color: var(--color-text) !important; transition: background-color 0.4s ease, color 0.4s ease; } a { color: var(--color-accent) !important; transition: color 0.3s ease; } a:hover { color: var(--gold) !important; } /* ========================================================= 🧩 Extras globales (glassmorphism y sombras) ========================================================= */ .glass { background: var(--glass-bg) !important; backdrop-filter: blur(10px); border-radius: var(--radius); box-shadow: var(--shadow); }