/* Paleta de colores - Bombones Románticos */
:root {
    /* Colores principales - Tema bombones cafés y rojos */
    --color-primario: #8B4513;           /* Café chocolate */
    --color-secundario: #CD5C5C;        /* Rojo indio */
    --color-terciario: #A0522D;         /* Sienna */
    --color-acento: #F5F5DC;            /* Beige */
    --color-texto: #4A1C1C;             /* Marrón oscuro para texto */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 139, 69, 19;
    --color-secundario-rgb: 205, 92, 92;
    
    /* Variables adicionales para el refactor - Tema bombones */
    --color-fondo-principal: #FDF5E6;   /* Lino antiguo */
    --color-sombra-principal: rgba(139, 69, 19, 0.10);       /* Sombra café suave */
    --color-sombra-secundaria: rgba(139, 69, 19, 0.07);      /* Sombra café ligera */
    --color-hover-boton: #A0522D;       /* Sienna para hover */
    --color-boton-transparente: rgba(139, 69, 19, 0.13);     /* Fondo transparente de botones */
    --color-sombra-media: rgba(139, 69, 19, 0.15);           /* Sombra café media */
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #F5F5DC 0%, #FDF5E6 100%);  /* Gradiente cuenta bancaria */
    --color-borde-bancario: #D2B48C;    /* Bronceado para datos bancarios */
    --color-cuenta-sombra: rgba(139, 69, 19, 0.2);
    
    /* Variables para formularios profesionales - Tema bombones */
    --color-borde-formulario: #DEB887;  /* Madera para formularios */
    --color-texto-formulario: #4A1C1C;  /* Marrón oscuro para texto de formularios */
    --color-hover-formulario: #FDF5E6;  /* Lino antiguo para hover */
    --color-flecha-select: #A0522D;     /* Sienna para flechas */
    --color-radio-si: #10b981;          /* Verde para "Sí" */
    --color-radio-no: #ef4444;          /* Rojo para "No" */
    
    /* Variables para elementos especiales - Tema bombones */
    
    /* Variables para countdown */
    /* Variables para elementos especiales */
    --color-wave: #CD5C5C;
    

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