:root {
    --primary-color: #6c5be7; /* Morado vibrante base */
    --primary-dark: #2f0d49; /* Morado oscuro para botones, sidebar */
    --primary-light: #a29bfe; /* Lavanda clara para hover, borders, highlights */
    --accent-color: #fd79a8; /* Rosa moderno para resaltar o acciones */
    --text-color: #2d3436; /* Gris oscuro para texto principal */
    --text-light: #636e72; /* Gris claro para subtítulos/descripciones */
    --white: #ffffff;
    --glass-bg: rgba(255, 255, 255, 0.15); /* Fondo translúcido para tarjetas/panels */
    --glass-border: rgba(255, 255, 255, 0.2);
    --glass-shadow: 0 8px 32px rgba(108, 92, 231, 0.15);
    --transition: all 0.3s ease;
}
