/* /admin/auth/login/css/login.css */

/* Patrón de fondo dinámico usando la variable del PHP */
.bg-pattern {
    /* Usa el color primario de la BD (#111827) */
    background-color: var(--brand-primary); 
    
    /* Degradados sutiles para dar profundidad sin perder el color de marca */
    background-image: 
        radial-gradient(at 0% 0%, rgba(255,255,255,0.08) 0, transparent 50%), 
        radial-gradient(at 100% 100%, rgba(0,0,0,0.2) 0, transparent 50%);
    position: relative;
    overflow: hidden;
}

/* Círculos decorativos sutiles */
.bg-pattern::before, .bg-pattern::after {
    content: '';
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.05); /* Muy sutil */
    border-radius: 50%;
    z-index: 1;
}

.bg-pattern::before {
    width: 600px;
    height: 600px;
    top: -100px;
    right: -100px;
}

.bg-pattern::after {
    width: 900px;
    height: 900px;
    top: -200px;
    right: -300px;
    border-color: rgba(255, 255, 255, 0.03);
}