/* Paleta de colores - Flor de Cerezo */
:root {
    /* Colores principales - Tema flor de cerezo auténtico */
    --color-primario: #F48FB1;           /* Rosa cerezo principal */
    --color-secundario: #F8BBD9;        /* Rosa cerezo claro */
    --color-terciario: #E91E63;         /* Rosa cerezo intenso */
    --color-acento: #FCE4EC;            /* Rosa cerezo muy suave */
    --color-texto: #AD1457;             /* Rosa cerezo oscuro para texto */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 244, 143, 177;
    --color-secundario-rgb: 248, 187, 217;
    
    /* Variables adicionales para el refactor - Tema flor de cerezo auténtico */
    --color-fondo-principal: #FEFBFC;   /* Fondo cerezo muy claro */
    --color-sombra-principal: rgba(244, 143, 177, 0.12);     /* Sombra cerezo suave */
    --color-sombra-secundaria: rgba(244, 143, 177, 0.08);    /* Sombra cerezo ligera */
    --color-hover-boton: #C2185B;       /* Rosa cerezo profundo para hover */
    --color-boton-transparente: rgba(244, 143, 177, 0.13);   /* Fondo transparente cerezo */
    --color-sombra-media: rgba(244, 143, 177, 0.15);         /* Sombra cerezo media */
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #FCE4EC 0%, #FEFBFC 100%);  /* Gradiente cerezo suave */
    --color-borde-bancario: #F8BBD9;    /* Rosa cerezo claro para datos bancarios */
    --color-cuenta-sombra: rgba(244, 143, 177, 0.18);
    
    /* Variables para formularios profesionales - Tema flor de cerezo auténtico */
    --color-borde-formulario: #F8BBD9;  /* Rosa cerezo claro para formularios */
    --color-texto-formulario: #AD1457;  /* Rosa cerezo oscuro para texto */
    --color-hover-formulario: #FEFBFC;  /* Cerezo muy claro para hover */
    --color-flecha-select: #C2185B;     /* Rosa cerezo profundo para flechas */
    --color-radio-si: #10b981;          /* Verde para "Sí" */
    --color-radio-no: #ef4444;          /* Rojo para "No" */
    
    /* Variables para elementos especiales - Tema flor de cerezo auténtico */
    
    /* Variables para countdown */
    /* Variables para elementos especiales */
    --color-wave: #F48FB1;
    

    
    /* Variables para modales */
    --color-modal-imagen-fondo: linear-gradient(135deg, #FEFBFC 0%, #F8BBD9 100%);
    --color-fondo-timeline: #FEFBFC;
    
    /* Variable para indicadores de carrusel */
    --color-puntos-inactivos: rgba(var(--color-primario-rgb), 0.25); /* Puntos de carrusel no activos */
}