/**
 * Light mode overrides for login and register pages.
 * Applied when html has class .light-mode (gs-theme=light in localStorage).
 */
html.light-mode body {
    background-color: #f5f7fa !important;
    color: #1a202c !important;
}
html.light-mode .card,
html.light-mode .card-body {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    color: #1a202c !important;
}
html.light-mode .logo span,
html.light-mode .card-title {
    color: #0f172a !important;
}
html.light-mode .form-control {
    background: #fff !important;
    border-color: #e2e8f0 !important;
    color: #1a202c !important;
}
html.light-mode .form-control:focus {
    border-color: #00A8E1 !important;
    box-shadow: 0 0 0 3px rgba(0,168,225,.2) !important;
}
html.light-mode .form-label,
html.light-mode label {
    color: #475569 !important;
}
html.light-mode .btn-primary {
    background: #00A8E1 !important;
    border-color: #00A8E1 !important;
    color: #fff !important;
}
html.light-mode .btn-primary:hover {
    background: #0090c4 !important;
    border-color: #0090c4 !important;
    color: #fff !important;
}
html.light-mode a:not(.btn) {
    color: #00A8E1 !important;
}
html.light-mode a:not(.btn):hover {
    color: #0090c4 !important;
}
html.light-mode .text-muted {
    color: #64748b !important;
}
html.light-mode #main {
    background: #f5f7fa !important;
}