/* Colores específicos para plantilla Bambú - Diseño Natural y Zen */
:root {
    --color-primario: #2d5016;        /* Verde bambú oscuro */
    --color-secundario: #90a955;      /* Verde sage medio */
    --color-terciario: #5a7c32;       /* Verde bambú intermedio */
    --color-acento: #b5cc8e;          /* Verde sage claro */
    --color-texto: #2d4a1a;           /* Verde muy oscuro para texto */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 45, 80, 22;
    --color-secundario-rgb: 144, 169, 85;
    
    /* Variables adicionales para el refactor */
    --color-fondo-principal: #fdfff9;        /* Blanco con toque verde muy sutil */
    --color-sombra-principal: rgba(45, 80, 22, 0.12);
    --color-sombra-secundaria: rgba(45, 80, 22, 0.08);
    --color-hover-boton: #1f3810;            /* Verde bambú más oscuro */
    --color-boton-transparente: rgba(45, 80, 22, 0.15);
    --color-sombra-media: rgba(45, 80, 22, 0.18);
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #e8f3d8 0%, #d4e3bc 100%);
    --color-borde-bancario: #b5cc8e;         /* Verde sage claro */
    --color-cuenta-sombra: rgba(45, 80, 22, 0.22);
    
    /* Variables para formularios profesionales */
    --color-borde-formulario: #d4e3bc;
    --color-texto-formulario: #2d4a1a;
    --color-hover-formulario: #f5f9ed;       /* Verde muy claro al hover */
    --color-flecha-select: #5a7c32;
    --color-radio-si: #6fa845;               /* Verde natural para "sí" */
    --color-radio-no: #c84c3c;               /* Rojo terracota natural */
    
    /* Variables para elementos especiales */
    
    /* Variables para countdown */
    /* Variables para elementos especiales */
    --color-wave: #90a955;
    

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