/* Colores específicos para plantilla Peluches - Tonos Neutros Cálidos y Acogedores */
:root {
    --color-primario: #f59e42; /* Naranja suave cálido */
    --color-secundario: #e6b88a; /* Crema dorado */
    --color-terciario: #d97a4e; /* Terracota suave */
    --color-acento: #fff8f0; /* Crema muy claro */
    --color-texto: #6b4423; /* Marrón chocolate legible */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 245, 158, 66;
    --color-secundario-rgb: 230, 184, 138;
    
    /* Variables adicionales para el refactor */
    --color-fondo-principal: #fffbf5; /* Fondo crema muy suave */
    --color-sombra-principal: rgba(245, 158, 66, 0.15); /* Sombra naranja principal */
    --color-sombra-secundaria: rgba(245, 158, 66, 0.08); /* Sombra naranja secundaria */
    --color-hover-boton: #c97a3e; /* Naranja intenso para hover */
    --color-boton-transparente: rgba(245, 158, 66, 0.2); /* Botones semi-transparentes naranja */
    --color-sombra-media: rgba(245, 158, 66, 0.18); /* Sombra naranja media */
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #fff8f0 0%, #ffedd5 100%); /* Gradiente crema */
    --color-borde-bancario: #f5e6d3; /* Borde crema bancario */
    --color-cuenta-sombra: rgba(245, 158, 66, 0.25); /* Sombra naranja cuenta */
    
    /* Variables para formularios profesionales */
    --color-borde-formulario: #f5e6d3; /* Borde crema formulario */
    --color-texto-formulario: #6b4423; /* Texto marrón formulario */
    --color-hover-formulario: #fffbf5; /* Hover crema formulario */
    --color-flecha-select: #c97a3e; /* Flecha naranja select */
    --color-radio-si: #f59e42; /* Radio naranja para sí */
    --color-radio-no: #e67e6a; /* Radio coral suave para no */
    
    /* Variables para elementos especiales */
    
    /* Variables para countdown */
    /* Variables para elementos especiales */
    --color-wave: #f59e42;
    --color-fondo-timeline: #fffbf5;
    
    /* Variables para modales */
    --color-modal-imagen-fondo: linear-gradient(135deg, #fffbf5 0%, #f5e6d3 100%); /* Gradiente crema modal */
    
    /* Variable para indicadores de carrusel */
    --color-puntos-inactivos: rgba(var(--color-primario-rgb), 0.25); /* Puntos de carrusel no activos */
}