/* Variables por defecto (Tema Clásico - Azul Brillo) */
:root {
    --brand-primary: #0f172a;
    --brand-accent: #06b6d4; /* Cyan */
    --brand-gradient: linear-gradient(-45deg, #0f172a, #003153, #00719c);
}

/* Tema Lujo (Dorado & Negro) */
body.tema-lujo {
    --brand-primary: #000000;
    --brand-accent: #d4af37; /* Oro */
    --brand-gradient: linear-gradient(-45deg, #000, #1a1a1a, #2c2c2c);
}

/* Tema Identidad (Púrpura & Naranja Digitalia) */
body.tema-identidad {
    --brand-primary: #2e1065;
    --brand-accent: #f97316; /* Naranja */
    --brand-gradient: linear-gradient(-45deg, #2e1065, #4c1d95, #7c3aed);
}

/* Tema Olive (Verde Sustentable) */
body.tema-olive {
    --brand-primary: #064e3b;
    --brand-accent: #84cc16; /* Lima */
    --brand-gradient: linear-gradient(-45deg, #064e3b, #065f46, #14532d);
}

/* Aplicación de variables a las clases existentes */
.dynamic-mesh {
    background: var(--brand-gradient);
    background-size: 400% 400%;
    animation: meshGradient 15s ease infinite;
}

.text-cyan-400, .text-brand { color: var(--brand-accent) !important; }
.bg-cyan-500, .bg-brand { background-color: var(--brand-accent) !important; }