/* Colores específicos para plantilla Pandas - Tonos Naturales y Alegres con Bambú */
:root {
    --color-primario: #2d5016; /* Verde bambú oscuro */
    --color-secundario: #7eb347; /* Verde bambú claro */
    --color-terciario: #1a1a1a; /* Negro panda */
    --color-acento: #f5f9f0; /* Blanco crema suave */
    --color-texto: #2d3e1f; /* Verde oscuro legible */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 45, 80, 22;
    --color-secundario-rgb: 126, 179, 71;
    
    /* Variables adicionales para el refactor */
    --color-fondo-principal: #fafdfb; /* Fondo blanco verdoso muy suave */
    --color-sombra-principal: rgba(126, 179, 71, 0.15); /* Sombra verde bambú principal */
    --color-sombra-secundaria: rgba(126, 179, 71, 0.08); /* Sombra verde bambú secundaria */
    --color-hover-boton: #5a8b2e; /* Verde bambú intenso para hover */
    --color-boton-transparente: rgba(126, 179, 71, 0.2); /* Botones semi-transparentes verde */
    --color-sombra-media: rgba(126, 179, 71, 0.18); /* Sombra verde media */
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #f5f9f0 0%, #e8f5d9 100%); /* Gradiente verde suave */
    --color-borde-bancario: #d4e8c1; /* Borde verde claro bancario */
    --color-cuenta-sombra: rgba(126, 179, 71, 0.25); /* Sombra verde cuenta */
    
    /* Variables para formularios profesionales */
    --color-borde-formulario: #d4e8c1; /* Borde verde claro formulario */
    --color-texto-formulario: #2d3e1f; /* Texto verde oscuro formulario */
    --color-hover-formulario: #fafdfb; /* Hover blanco verdoso formulario */
    --color-flecha-select: #5a8b2e; /* Flecha verde select */
    --color-radio-si: #7eb347; /* Radio verde bambú para sí */
    --color-radio-no: #e67e6a; /* Radio coral suave para no */
    
    /* Variables para elementos especiales */
    
    /* Variables para countdown */
    /* Variables para elementos especiales */
    --color-wave: #7eb347;
    --color-fondo-timeline: #fafdfb;
    
    /* Variables para modales */
    --color-modal-imagen-fondo: linear-gradient(135deg, #fafdfb 0%, #e8f5d9 100%); /* Gradiente verde suave modal */
    
    /* Variable para indicadores de carrusel */
    --color-puntos-inactivos: rgba(var(--color-primario-rgb), 0.25); /* Puntos de carrusel no activos */
}