:root {
    --primary: #3777af;
    --primary-light: #60a5fa;
    --primary-dark: #1d4ed8;

    --bg-main: #f8fafc;
    --bg-card: rgba(255,255,255,0.78);

    --text-main: #0f172a;
    --text-muted: #64748b;
}

.login-visual {
    background-image: url('/public/images/digitinfo/bg-image-login.jpg');
}

.login-form-wrapper {
    background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
}

.btn-login {
    background: linear-gradient(135deg, var(--primary), var(--primary-dark));
    box-shadow: 0 10px 30px rgba(55,119,175,0.30);
}

.btn-login:hover {
    box-shadow: 0 15px 45px rgba(55,119,175,0.40);
}

.form-floating-custom input:focus {
    box-shadow: 0 0 0 4px rgba(55,119,175,0.15);
}

.orb-1 { background: radial-gradient(circle, rgba(55,119,175,0.25), transparent 70%); }
.orb-2 { background: radial-gradient(circle, rgba(29,78,216,0.20), transparent 70%); }