/* Variables CSS y configuración base para SGU Store */

:root {
    /* Colores pastel */
    --primary-color: #f380cb; /* Color del logo */
    --secondary-color: #f8c8dc; /* Rosa claro */
    --accent-color: #ffd1dc; /* Rosa más claro */
    --light-pink: #ffe4e9; /* Rosa muy claro */
    --soft-pink: #fef7f7; /* Rosa ultra suave */
    --pale-rose: #fdf2f8; /* Rosa pálido */
    --whisper-pink: #fef3f2; /* Rosa susurro */
    --cream-pink: #fff9f9; /* Rosa crema */
    --celeste-light: #f5fbff; /* Celeste claro como categorías 2,4,6 */
    --celeste-lighter: #fafcff; /* Celeste más claro como categorías 2,4,6 */
    --gradient-celeste: linear-gradient(135deg, var(--celeste-light) 0%, var(--celeste-lighter) 100%);
    --rosa-light: #fce4e9; /* Rosa más fuerte para mejor contraste */
    --rosa-lighter: #fdeef1; /* Rosa más fuerte para mejor contraste */
    --gradient-rosa: linear-gradient(135deg, var(--rosa-light) 0%, var(--rosa-lighter) 100%);
    --success-color: #a8e6cf; /* Verde pastel */
    --info-color: #b5ead7; /* Verde agua pastel */
    --warning-color: #ffd8b1; /* Naranja pastel */
    --danger-color: #ff9aa2; /* Rojo pastel */
    --light-color: #f8f9fa;
    --dark-color: #343a40;
    --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

/* Gradientes */
.bg-gradient-primary {
    background: var(--gradient-primary);
}



.text-primary {
    color: var(--primary-color) !important;
}