/* Colores específicos para plantilla Astronautas - Tonos Azules Espaciales con Alto Contraste */
:root {
    --color-primario: #1e40af; /* Azul espacio profundo */
    --color-secundario: #3b82f6; /* Azul espacial brillante */
    --color-terciario: #1e3a8a; /* Azul mediano espacial */
    --color-acento: #60a5fa; /* Azul nebulosa claro */
    --color-texto: #0f172a; /* Texto oscuro para máximo contraste */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 30, 64, 175;
    --color-secundario-rgb: 59, 130, 246;
    
    /* Variables adicionales para el refactor */
    --color-fondo-principal: #f0f9ff; /* Fondo azul muy claro espacial */
    --color-sombra-principal: rgba(30, 64, 175, 0.25); /* Sombra azul espacial principal */
    --color-sombra-secundaria: rgba(59, 130, 246, 0.18); /* Sombra azul espacial secundaria */
    --color-hover-boton: #2563eb; /* Azul intenso para hover */
    --color-boton-transparente: rgba(59, 130, 246, 0.15); /* Botones semi-transparentes azul espacial */
    --color-sombra-media: rgba(59, 130, 246, 0.22); /* Sombra azul espacial media */
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #1e40af 0%, #3b82f6 100%); /* Gradiente azul espacial */
    --color-borde-bancario: #3b82f6; /* Borde azul espacial bancario */
    --color-cuenta-sombra: rgba(30, 64, 175, 0.30); /* Sombra azul espacial cuenta */
    
    /* Variables para formularios profesionales */
    --color-borde-formulario: #3b82f6; /* Borde azul espacial formulario */
    --color-texto-formulario: #0f172a; /* Texto oscuro formulario */
    --color-hover-formulario: #eff6ff; /* Hover azul muy claro formulario */
    --color-flecha-select: #1e40af; /* Flecha azul espacial select */
    --color-radio-si: #3b82f6; /* Radio azul espacial para sí */
    --color-radio-no: #ef4444; /* Radio rojo para no */
    
    /* Variables para elementos especiales */
    
    /* Variables para countdown */
    /* Variables para elementos especiales */
    --color-wave: #3b82f6;
    --color-fondo-timeline: #f0f9ff;
    
    /* Variables para modales */
    --color-modal-imagen-fondo: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 50%, #93c5fd 100%); /* Gradiente azul claro modal */
    
    /* Variable para indicadores de carrusel */
    --color-puntos-inactivos: rgba(var(--color-primario-rgb), 0.25); /* Puntos de carrusel no activos */
}