/* Monochrome theme used only by the login and two-step authorization pages. */
body.auth-page,
body.index-page {
    --auth-green-950: #050505;
    --auth-green-900: #111111;
    --auth-green-800: #202020;
    --auth-green-700: #303030;
    --auth-green-100: #eeeeee;
    --auth-gold: #555555;
    --auth-ink: #111111;
    --auth-muted: #606060;
    --auth-line: rgba(0, 0, 0, .18);
    --fito-green-950: #050505;
    --fito-green-900: #111111;
    --fito-green-800: #202020;
    --fito-green-700: #303030;
    --fito-green-100: #eeeeee;
    --fito-gold: #555555;
    --fito-ink: #111111;
    --fito-muted: #606060;
    --fito-line: rgba(0, 0, 0, .18);
    --fito-header-green-950: #050505;
    --fito-header-green-900: #111111;
    --fito-header-green-800: #202020;
    --fito-header-green-700: #303030;
    --fito-header-gold: #555555;
    --fito-header-ink: #111111;
    --fito-header-muted: #606060;
    color: #111111;
    background: linear-gradient(145deg, #ffffff 0%, #f3f3f3 55%, #e8e8e8 100%) fixed !important;
}

body.auth-page::before,
body.auth-page::after,
body.index-page::before,
body.index-page::after {
    background: radial-gradient(circle, rgba(0, 0, 0, .08), rgba(0, 0, 0, 0) 68%) !important;
}

body.auth-page .auth-shell::before,
body.auth-page .auth-shell::after {
    background: radial-gradient(circle, rgba(0, 0, 0, .06), rgba(0, 0, 0, 0) 68%);
}

body.auth-page .auth-top-menu.navbar,
body.auth-page .auth-top-menu .navbar,
body.auth-page .navbar.bg-light,
body.index-page .navbar.navbar-light.bg-light {
    background: linear-gradient(135deg, #050505, #292929) !important;
    border-color: rgba(255, 255, 255, .22);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .22);
}

body.auth-page .navbar-brand img,
body.index-page .navbar-brand img,
body.auth-page .auth-brand-mark {
    filter: grayscale(1) contrast(1.12);
}

body.auth-page .auth-hero,
body.auth-page .auth-liquid,
body.index-page .login-card {
    color: #111111;
    background: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(232, 232, 232, .88)) !important;
    border: 1px solid rgba(0, 0, 0, .14);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .14);
}

body.auth-page .auth-hero::before,
body.auth-page .auth-feature,
body.auth-page .auth-secondary-link,
body.auth-page .auth-modal-card {
    border-color: rgba(0, 0, 0, .15);
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .08);
}

body.auth-page .auth-card-icon,
body.auth-page .auth-primary-button,
body.auth-page .btn-primary,
body.index-page .btn-primary {
    color: #ffffff !important;
    background: linear-gradient(135deg, #050505, #303030) !important;
    border-color: #050505 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
}

body.auth-page .auth-primary-button:hover,
body.auth-page .auth-primary-button:focus,
body.auth-page .btn-primary:hover,
body.auth-page .btn-primary:focus,
body.index-page .btn-primary:hover,
body.index-page .btn-primary:focus {
    color: #ffffff !important;
    background: #000000 !important;
    border-color: #000000 !important;
}

body.auth-page .auth-note,
body.auth-page .auth-alert,
body.index-page .alert {
    color: #111111;
    background: #eeeeee;
    border-color: rgba(0, 0, 0, .18);
}

body.auth-page a,
body.auth-page .auth-secondary-link,
body.auth-page .dropdown-item,
body.index-page a,
body.index-page .dropdown-item {
    color: #111111;
}

body.auth-page a:hover,
body.auth-page a:focus,
body.index-page a:hover,
body.index-page a:focus {
    color: #000000;
}

body.auth-page .auth-ornament::before,
body.auth-page .auth-ornament::after {
    border-color: #3c3c3c;
}

body.index-page .login-card {
    border-radius: 8px;
}

body.index-page .form-control {
    color: #111111;
    background: #ffffff;
    border-color: #777777;
}

body.index-page .form-control:focus {
    border-color: #111111;
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .14);
}

body.index-page .btn-secondary {
    color: #ffffff;
    background: #555555;
    border-color: #555555;
}

body.index-page .btn-secondary:hover,
body.index-page .btn-secondary:focus {
    background: #333333;
    border-color: #333333;
}