:root {
  /* --- PALETA BASE (Constantes) --- */
  --primary: #7b2cbf;
  --primary-glow: #9d4edd;
  --primary-dim: #3c096c;
  --secondary: #00d4ff;
  --accent: #ffd700;
  --danger: #ff4757;
  --success: #10b981;

  /* --- MODO OSCURO (Por defecto) --- */
  --bg-deep: #05010d;              /* Fondo de la web */
  --bg-panel: rgba(20, 20, 35, 0.95); /* Fondo de Modals/Sidebar/Feedback */
  --bg-surface: rgba(20, 20, 35, 0.65); /* Tarjetas/Glass */
  --bg-input: rgba(255, 255, 255, 0.03); /* Fondo de inputs */
  --bg-hover: rgba(255, 255, 255, 0.05); /* Hovers genéricos */

  --text-main: #ffffff;
  --text-muted: #a0a0b0;
  --text-inv: #000000; /* Texto invertido (para botones claros) */

  --border-color: rgba(255, 255, 255, 0.1);
  --border-focus: var(--primary-glow);
  
  --shadow-card: 0 10px 40px rgba(0,0,0,0.5);
  --shadow-glow: 0 0 20px rgba(123, 44, 191, 0.35);
  
  --gradient-text-start: #fff;
  --gradient-text-end: #b8b8b8;

  /* --- CONFIGURACIÓN --- */
  --font-display: 'Cinzel', serif;
  --font-body: 'Inter', sans-serif;
  --header-height: 80px;
  --container-width: 1200px;
  --radius-md: 16px;
  --radius-lg: 24px;
  
  --glass-blur: blur(12px);
  --glass-border: 1px solid var(--border-color);
  --transition: all 0.3s ease;
}