/* Sign-in / sign-up layout — light theme paired with html[data-wl-theme="light"] */
html[data-wl-theme="light"] body {
    background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%) !important;
}

html[data-wl-theme="light"] .login-card {
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.08) !important;
}

html[data-wl-theme="light"] .login-card h3,
html[data-wl-theme="light"] .login-card .auth-page-title {
    color: #0f172a !important;
}

html[data-wl-theme="light"] .login-card h4 {
    color: #1e293b !important;
}

html[data-wl-theme="light"] .login-card label,
html[data-wl-theme="light"] .login-card p,
html[data-wl-theme="light"] .login-card small {
    color: #64748b !important;
}

html[data-wl-theme="light"] .login-card .form-control {
    background: #f8fafc !important;
    border-color: rgba(15, 23, 42, 0.12) !important;
    color: #0f172a !important;
}

html[data-wl-theme="light"] .auth-brand-tagline {
    color: #64748b !important;
}

html[data-wl-theme="light"] .text-center.mt-3 {
    color: #64748b !important;
}

.wl-auth-theme-toggle {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 50;
}