/* Colores específicos para plantilla Dientes de León - Café Claro */
:root {
    --color-primario: #8d6e63;
    --color-secundario: #e8ddd8;
    --color-terciario: #5d4037;
    --color-acento: #faf4d8;
    --color-texto: #5d4037;
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 141, 110, 99;
    --color-secundario-rgb: 232, 221, 216;
    
    /* Variables adicionales para el refactor */
    --color-fondo-principal: #fffcf0;
    --color-sombra-principal: rgba(141, 110, 99, 0.10);
    --color-sombra-secundaria: rgba(141, 110, 99, 0.07);
    --color-hover-boton: #5d4037;
    --color-boton-transparente: rgba(141, 110, 99, 0.13);
    --color-sombra-media: rgba(141, 110, 99, 0.15);
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #fffcf0 0%, #e8ddd8 100%);
    --color-borde-bancario: #c7b39c;
    --color-cuenta-sombra: rgba(141, 110, 99, 0.2);
    
    /* Variables para formularios profesionales */
    --color-borde-formulario: #c7b39c;
    --color-texto-formulario: #2a3a4d;
    --color-hover-formulario: #fffcf0;
    --color-flecha-select: #5d4037;
    --color-radio-si: #66bb6a;
    --color-radio-no: #e57373;
    
    /* Variables para elementos especiales */
    
    /* Variables para countdown */
    /* Variables para elementos especiales */
    --color-wave: #a58976;
    

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