/* Colores específicos para plantilla Videojuegos - Estilo Arcade Retro */
:root {
    --color-primario: #ff1744; /* Rojo arcade neón */
    --color-secundario: #2979ff; /* Azul eléctrico arcade */
    --color-terciario: #ffea00; /* Amarillo Pac-Man */
    --color-acento: #9c27b0; /* Púrpura fantasma */
    --color-texto: #1a1a1a; /* Texto oscuro para máximo contraste */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 255, 23, 68;
    --color-secundario-rgb: 41, 121, 255;
    
    /* Variables adicionales para el refactor */
    --color-fondo-principal: #f5f5ff; /* Fondo claro azulado suave */
    --color-sombra-principal: rgba(255, 23, 68, 0.25); /* Sombra roja neón principal */
    --color-sombra-secundaria: rgba(41, 121, 255, 0.18); /* Sombra azul eléctrico secundaria */
    --color-hover-boton: #d50000; /* Rojo intenso para hover */
    --color-boton-transparente: rgba(255, 23, 68, 0.15); /* Botones semi-transparentes rojo neón */
    --color-sombra-media: rgba(255, 23, 68, 0.22); /* Sombra roja neón media */
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #ff1744 0%, #ff5722 100%); /* Gradiente rojo neón */
    --color-borde-bancario: #ff1744; /* Borde rojo arcade bancario */
    --color-cuenta-sombra: rgba(255, 23, 68, 0.30); /* Sombra roja neón cuenta */
    
    /* Variables para formularios profesionales */
    --color-borde-formulario: #ff1744; /* Borde rojo arcade formulario */
    --color-texto-formulario: #1a1a1a; /* Texto oscuro formulario */
    --color-hover-formulario: #e8eeff; /* Hover azul muy claro formulario */
    --color-flecha-select: #ff1744; /* Flecha roja arcade select */
    --color-radio-si: #ff1744; /* Radio rojo arcade para sí */
    --color-radio-no: #9e9e9e; /* Radio gris para no */
    
    /* Variables para elementos especiales */
    
    /* Variables para countdown */
    /* Variables para elementos especiales */
    --color-wave: #ff1744;
    --color-fondo-timeline: #f0f0ff;
    
    /* Variables para modales */
    --color-modal-imagen-fondo: linear-gradient(135deg, #f5f5ff 0%, #e8e8ff 50%, #d0d0ff 100%); /* Gradiente claro azulado modal */
    
    /* Variable para indicadores de carrusel */
    --color-puntos-inactivos: rgba(var(--color-primario-rgb), 0.25); /* Puntos de carrusel no activos */
}