/* Paleta de colores - Calas */
:root {
    /* Colores principales - Tema flores calas elegantes en tonos verdes opacos */
    --color-primario: #5D8A6F;           /* Verde salvia opaco como principal */
    --color-secundario: #7BA05B;        /* Verde olivo suave */
    --color-terciario: #A8B8A5;         /* Verde grisáceo claro */
    --color-acento: #F8F9FA;            /* Blanco suave */
    --color-texto: #3D5A4A;             /* Verde oscuro para contraste sobre fondo claro */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 93, 138, 111;
    --color-secundario-rgb: 123, 160, 91;
    
    /* Variables adicionales para el refactor - Tema calas en verde opaco */
    --color-fondo-principal: #FAFCFB;   /* Blanco con tinte verde más visible */
    --color-sombra-principal: rgba(93, 138, 111, 0.15);     /* Sombra verde salvia suave */
    --color-sombra-secundaria: rgba(93, 138, 111, 0.10);    /* Sombra verde salvia ligera */
    --color-hover-boton: #4A6B57;       /* Verde más oscuro para hover */
    --color-boton-transparente: rgba(93, 138, 111, 0.08);   /* Fondo transparente de botones */
    --color-sombra-media: rgba(93, 138, 111, 0.18);         /* Sombra verde salvia media */
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #F0F4F1 0%, #E8EFE9 100%);  /* Gradiente cuenta bancaria verde opaco */
    --color-borde-bancario: #7BA05B;    /* Verde olivo para datos bancarios */
    --color-cuenta-sombra: rgba(93, 138, 111, 0.2);
    
    /* Variables para formularios profesionales - Tema calas verde opaco */
    --color-borde-formulario: #7BA05B;  /* Verde olivo para formularios */
    --color-texto-formulario: #4A5D4F;  /* Verde grisáceo para texto de formularios */
    --color-hover-formulario: #F0F4F1;  /* Verde muy claro para hover */
    --color-flecha-select: #5D8A6F;     /* Verde salvia para flechas */
    --color-radio-si: #5D8A6F;          /* Verde salvia para "Sí" */
    --color-radio-no: #E74C3C;          /* Rojo intenso para "No" */
    
    /* Variables para elementos especiales - Tema calas verde opaco */
    
    /* Variables para countdown */
    /* Variables para elementos especiales */
    --color-wave: #7BA05B;
    

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