/* Kroovify specific - Visual style */
:root {
    --primary-color: #D806AA;
    --primary-dark: #a1057f;
    --primary-light: #ff4fd5;
    --secondary-color: #0cc0df;
    --accent-color: #0cc0df;
    /* Azul → Azul Claro → Rosa */
    --gradient: linear-gradient(135deg, #0cc0df 0%, #4dd0e1 50%, #D806AA 100%);
}

.kroovify-hero {
    /* Versión suave del mismo gradiente, con transparencia */
    background: linear-gradient(135deg, #0cc0df22 0%, #4dd0e133 50%, #D806AA22 100%);
}