/* Colores específicos para plantilla Golosinas Alegres - Multicolores Dulces */
:root {
    --color-primario: #FF6B9D;           /* Rosa dulce (chicle/algodón) */
    --color-secundario: #4ECDC4;         /* Turquesa helado */
    --color-terciario: #00BCD4;          /* Cyan intenso para botones */
    --color-acento: #FFF2E6;            /* Crema vainilla */
    --color-texto: #5D4E75;             /* Morado oscuro dulce */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 255, 107, 157;
    --color-secundario-rgb: 78, 205, 196;
    
    /* Variables adicionales para el refactor - Tema golosinas alegres */
    --color-fondo-principal: #FFF8FB;    /* Fondo dulce muy suave */
    --color-sombra-principal: rgba(255, 107, 157, 0.15);  /* Sombra rosa dulce */
    --color-sombra-secundaria: rgba(255, 107, 157, 0.10); /* Sombra rosa ligera */
    --color-hover-boton: #FF1493;        /* Rosa intenso hover */
    --color-boton-transparente: rgba(255, 107, 157, 0.15); /* Botón transparente dulce */
    --color-sombra-media: rgba(255, 107, 157, 0.20);       /* Sombra media */
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #FFF2E6 0%, #FFF8FB 100%); /* Gradiente vainilla-dulce */
    --color-borde-bancario: #FFD1DC;     /* Borde rosa algodón */
    --color-cuenta-sombra: rgba(255, 107, 157, 0.25); /* Sombra cuenta rosa */
    
    /* Variables para formularios profesionales - Tema golosinas */
    --color-borde-formulario: #B19CD9;   /* Borde lila suave */
    --color-texto-formulario: #5D4E75;   /* Texto morado dulce */
    --color-hover-formulario: #FFF8FB;   /* Hover dulce suave */
    --color-flecha-select: #FF6B9D;      /* Flecha rosa chicle */
    --color-radio-si: #4ECDC4;           /* Verde menta "Sí" */
    --color-radio-no: #FF8A65;           /* Naranja dulce "No" */
    
    /* Variables para elementos especiales - Tema golosinas multicolores */
    --color-wave: #FF6B9D;
    
    /* Variables para modales - Tema golosinas alegres */
    --color-modal-imagen-fondo: linear-gradient(135deg, #FFF8FB 0%, #E6F3FF 100%); /* Gradiente dulce-helado */
    --color-fondo-timeline: #FFF8FB;
    
    /* Variable para indicadores de carrusel */
    --color-puntos-inactivos: rgba(var(--color-primario-rgb), 0.25); /* Puntos de carrusel no activos */
}