/* Colores específicos para plantilla Aventura Espacial - Temática del Espacio Exterior */
:root {
    --color-primario: #5B2C6F;
    --color-secundario: #FF6B35;
    --color-terciario: #1A1A2E;
    --color-acento: #FFD700;
    --color-texto: #E2E8F0;             /* Texto claro para fondo oscuro espacial */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 91, 44, 111;
    --color-secundario-rgb: 255, 107, 53;
    
    /* Variables adicionales para el refactor */
    --color-fondo-principal: #0F0F1E;
    --color-sombra-principal: rgba(91, 44, 111, 0.20);
    --color-sombra-secundaria: rgba(91, 44, 111, 0.15);
    --color-hover-boton: #7B3FA8;
    --color-boton-transparente: rgba(255, 107, 53, 0.25);
    --color-sombra-media: rgba(255, 215, 0, 0.2);
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #1A1A2E 0%, #2D2D44 100%);
    --color-borde-bancario: #5B2C6F;
    --color-cuenta-sombra: rgba(255, 107, 53, 0.35);
    
    /* Variables para formularios profesionales */
    --color-borde-formulario: #3D3D5C;
    --color-texto-formulario: #E2E8F0;
    --color-hover-formulario: #1F1F33;
    --color-flecha-select: #FF6B35;
    --color-radio-si: #00E676;
    --color-radio-no: #FF5252;
    /* Variables para elementos especiales */
    --color-wave: var(--color-acento);
    --color-fondo-timeline: #1F1F33;
    
    /* Variables para modales */
    --color-modal-imagen-fondo: linear-gradient(135deg, #1A1A2E 0%, #2D2D44 100%);
    
    /* Variable para indicadores de carrusel */
    --color-puntos-inactivos: rgba(var(--color-primario-rgb), 0.25); /* Puntos de carrusel no activos */
}