/* Archivo: css/paleta.css */
/* 
 * Sistema de Variables y Paleta de Colores
 * Tema: Dark Premium Vibrante
 */
:root {
    /* Colores Base */
    --color-fondo: #0a0a0f; /* Fondo oscuro azulado muy profundo */
    --color-superficie: #14141e; /* Superficie ligeramente elevada */
    --color-primario: #8a2be2; /* Violeta azulado vibrante */
    --color-primario-hover: #b062ff; /* Morado neón brillante para hover */
    
    /* Colores de Texto */
    --texto-principal: #f0f0f5; /* Blanco humo muy legible */
    --texto-secundario: #a1a1aa; /* Gris sobrio con buen contraste */
    --texto-titulos: #ffffff; /* Blanco puro para máxima jerarquía visual */

    /* Estructura y Efectos adicionales */
    --color-borde: rgba(255, 255, 255, 0.08); /* Borde sutil transparente (glassmorphism) */
    
    /* Sombras Elevadas (Sensación premium) */
    --sombra-tarjeta: 0 12px 32px rgba(0, 0, 0, 0.5); 
    --sombra-neon: 0 0 20px rgba(138, 43, 226, 0.4);

    /* Geometría y Transiciones */
    --borde-radio: 12px; /* Un poco más redondo para mayor suavidad */
    --transicion-suave: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}