/* Colores específicos para plantilla Dinosaurios Feroces - Tonos Realistas de Jurásico y Volcanes */
:root {
    --color-primario: #5a7c4d; /* Verde oliva opaco dinosaurio feroz */
    --color-secundario: #d97634; /* Naranja volcánico intenso */
    --color-terciario: #4a5f3a; /* Verde musgo profundo */
    --color-acento: #fff5ed; /* Beige arena volcánica */
    --color-texto: #2d3a26; /* Verde muy oscuro legible */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 90, 124, 77;
    --color-secundario-rgb: 217, 118, 52;
    
    /* Variables adicionales para el refactor */
    --color-fondo-principal: #f4f1e8; /* Fondo tierra árida */
    --color-sombra-principal: rgba(90, 124, 77, 0.2); /* Sombra verde opaco */
    --color-sombra-secundaria: rgba(90, 124, 77, 0.12); /* Sombra verde suave */
    --color-hover-boton: #6e482a; /* Marrón volcánico para hover */
    --color-boton-transparente: rgba(217, 118, 52, 0.25); /* Botones semi-transparentes naranja */
    --color-sombra-media: rgba(217, 118, 52, 0.2); /* Sombra naranja media */
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #fff5ed 0%, #f5e6d3 100%); /* Gradiente arena */
    --color-borde-bancario: #c4b5a0; /* Borde beige bancario */
    --color-cuenta-sombra: rgba(217, 118, 52, 0.28); /* Sombra naranja volcánica */
    
    /* Variables para formularios profesionales */
    --color-borde-formulario: #c4b5a0; /* Borde tierra formulario */
    --color-texto-formulario: #2d3a26; /* Texto verde oscuro formulario */
    --color-hover-formulario: #f4f1e8; /* Hover tierra formulario */
    --color-flecha-select: #6e482a; /* Flecha marrón volcánico */
    --color-radio-si: #5a7c4d; /* Radio verde dinosaurio para sí */
    --color-radio-no: #c94a3a; /* Radio rojo lava para no */
    
    /* Variables para elementos especiales */
    
    /* Variables para countdown */
    /* Variables para elementos especiales */
    --color-wave: #d97634;
    --color-fondo-timeline: #f4f1e8;
    
    /* Variables para modales */
    --color-modal-imagen-fondo: linear-gradient(135deg, #f4f1e8 0%, #e8dcc8 100%); /* Gradiente tierra modal */
    
    /* Variable para indicadores de carrusel */
    --color-puntos-inactivos: rgba(var(--color-primario-rgb), 0.25); /* Puntos de carrusel no activos */
}