/* Static Bridgerpedia colors for MediaWiki authentication pages.
   Site CSS is intentionally unavailable there because login uses safe mode. */
:root {
    color-scheme: dark;
    --bp-auth-bg: #16181c;
    --bp-auth-panel: #1e2126;
    --bp-auth-field: #262a30;
    --bp-auth-border: #34383f;
    --bp-auth-text: #d4d4d4;
    --bp-auth-muted: #9a9a9a;
    --bp-auth-link: #6fa8dc;
}

html,
body {
    background-color: var(--bp-auth-bg) !important;
    color: var(--bp-auth-text) !important;
}

body {
    background-image: linear-gradient(rgba(10, 11, 13, 0.9), rgba(10, 11, 13, 0.9)), url('/images/e/ee/Background1.webp') !important;
    background-repeat: repeat, repeat !important;
    background-size: cover, 500px 500px !important;
}

#mw-page-base,
#mw-head-base,
#mw-head,
#mw-panel,
#footer,
.vector-menu-content,
.vector-menu-tabs li,
.vector-menu-tabs a {
    background: transparent !important;
    border-color: var(--bp-auth-border) !important;
    color: var(--bp-auth-text) !important;
}

#content,
.mw-body {
    background: var(--bp-auth-panel) !important;
    border-color: var(--bp-auth-border) !important;
    color: var(--bp-auth-text) !important;
}

#firstHeading,
.mw-body-content,
.mw-ui-container,
.mw-htmlform,
.cdx-label,
.cdx-checkbox__label {
    background: transparent !important;
    color: var(--bp-auth-text) !important;
}

#firstHeading {
    border-bottom-color: #4a4f57 !important;
}

a,
#mw-head a,
#mw-panel a,
#footer a {
    color: var(--bp-auth-link) !important;
}

a:hover,
#mw-head a:hover,
#mw-panel a:hover,
#footer a:hover {
    color: #8fc8f0 !important;
}

.cdx-text-input__input,
.mw-htmlform input:not([type='hidden']):not([type='checkbox']),
.mw-htmlform select,
.mw-htmlform textarea,
#searchInput {
    background: var(--bp-auth-field) !important;
    border-color: var(--bp-auth-border) !important;
    color: var(--bp-auth-text) !important;
}

.cdx-text-input__input::placeholder,
#searchInput::placeholder {
    color: var(--bp-auth-muted) !important;
    opacity: 1;
}

.cdx-button,
.mw-ui-button {
    background: #4a4f57 !important;
    border-color: #4a4f57 !important;
    color: var(--bp-auth-text) !important;
}

.cdx-button--weight-primary,
.mw-ui-button.mw-ui-progressive {
    background: var(--bp-auth-link) !important;
    border-color: var(--bp-auth-link) !important;
    color: var(--bp-auth-bg) !important;
}

.cdx-message,
.mw-message-box,
.errorbox,
.warningbox {
    background: var(--bp-auth-field) !important;
    border-color: var(--bp-auth-border) !important;
    color: var(--bp-auth-text) !important;
}

#footer-poweredbyico > a {
    background: transparent !important;
    border: 0 !important;
}

#footer-poweredbyico img {
    filter: grayscale(1) brightness(0) invert(1);
    opacity: 0.5;
}