/* Colores específicos para plantilla Futbolistas - Estilo Cancha de Fútbol */
:root {
    --color-primario: #2d7a3e; /* Verde césped intenso */
    --color-secundario: #ffffff; /* Blanco líneas de cancha */
    --color-terciario: #1a5928; /* Verde césped oscuro */
    --color-acento: #ffd700; /* Dorado trofeo/medalla */
    --color-texto: #1a1a1a; /* Texto oscuro para máximo contraste */
    
    /* RGB values for rgba usage */
    --color-primario-rgb: 45, 122, 62;
    --color-secundario-rgb: 255, 255, 255;
    
    /* Variables adicionales para el refactor */
    --color-fondo-principal: #e8f5e9; /* Fondo verde muy claro césped */
    --color-sombra-principal: rgba(45, 122, 62, 0.25); /* Sombra verde césped principal */
    --color-sombra-secundaria: rgba(26, 89, 40, 0.18); /* Sombra verde oscuro secundaria */
    --color-hover-boton: #1a5928; /* Verde oscuro para hover */
    --color-boton-transparente: rgba(45, 122, 62, 0.15); /* Botones semi-transparentes verde césped */
    --color-sombra-media: rgba(45, 122, 62, 0.22); /* Sombra verde césped media */
    --color-bg-gradiente-cuenta: linear-gradient(90deg, #2d7a3e 0%, #4caf50 100%); /* Gradiente verde césped */
    --color-borde-bancario: #2d7a3e; /* Borde verde césped bancario */
    --color-cuenta-sombra: rgba(45, 122, 62, 0.30); /* Sombra verde césped cuenta */
    
    /* Variables para formularios profesionales */
    --color-borde-formulario: #2d7a3e; /* Borde verde césped formulario */
    --color-texto-formulario: #1a1a1a; /* Texto oscuro formulario */
    --color-hover-formulario: #e8f5e9; /* Hover verde muy claro formulario */
    --color-flecha-select: #2d7a3e; /* Flecha verde césped select */
    --color-radio-si: #2d7a3e; /* Radio verde césped para sí */
    --color-radio-no: #d32f2f; /* Radio rojo tarjeta para no */
    
    /* Variables para elementos especiales */
    
    /* Variables para countdown */
    /* Variables para elementos especiales */
    --color-wave: #2d7a3e;
    --color-fondo-timeline: #e8f5e9;
    
    /* Variables para modales */
    --color-modal-imagen-fondo: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 50%, #81c784 100%); /* Gradiente verde claro modal */
    
    /* Variable para indicadores de carrusel */
    --color-puntos-inactivos: rgba(var(--color-primario-rgb), 0.25); /* Puntos de carrusel no activos */
}