/* SkyFire Dark wiki theme - Codex */
:root {
  --sf-bg: #080a0d;
  --sf-page: #10151c;
  --sf-surface: #151b24;
  --sf-surface-2: #1b232e;
  --sf-border: #2b3644;
  --sf-text: #e7edf4;
  --sf-muted: #aab5c2;
  --sf-link: #ffb000;
  --sf-link-hover: #ffd36a;
  --sf-accent: #ff6a00;
}
html, body {
  background: var(--sf-bg) !important;
  color: var(--sf-text) !important;
}
body, .mw-body, #content, #mw-content-text, .vector-body, .mw-parser-output {
  background-color: var(--sf-page) !important;
  color: var(--sf-text) !important;
}
.mw-body, #content {
  border-color: var(--sf-border) !important;
  box-shadow: 0 18px 36px rgba(0,0,0,.32) !important;
}
#mw-page-base, #mw-head-base, #mw-head, #p-personal, #left-navigation, #right-navigation,
.vector-menu-tabs, .vector-menu-tabs .selected, .vector-menu-dropdown, .vector-menu-content,
#mw-panel, .mw-portlet, .portlet, .catlinks, .toc, .mw-parser-output .toc, table.wikitable,
.thumbinner, .mw-code, pre, code, textarea, input, select {
  background-color: var(--sf-surface) !important;
  color: var(--sf-text) !important;
  border-color: var(--sf-border) !important;
}
#mw-head, #mw-page-base {
  background: linear-gradient(180deg,#0b0f14 0%,#111821 70%,#080a0d 100%) !important;
}
.vector-menu-tabs li, .vector-menu-tabs li a, .vector-menu-dropdown .vector-menu-heading,
#p-personal a, #mw-panel a, .mw-portlet a {
  color: var(--sf-text) !important;
}
.vector-menu-tabs .selected a, .vector-menu-tabs li a:hover, #p-personal a:hover, #mw-panel a:hover {
  color: #fff !important;
  background-color: #24150d !important;
}
a, a:visited, .mw-parser-output a.extiw, .mw-parser-output a.external {
  color: var(--sf-link) !important;
}
a:hover, a:focus {
  color: var(--sf-link-hover) !important;
}
h1, h2, h3, h4, h5, h6, .firstHeading, .mw-headline {
  color: #fff !important;
  border-color: var(--sf-border) !important;
}
.mw-body-content, .mw-body-content p, .mw-parser-output li, .mw-parser-output dd, .mw-parser-output td {
  color: var(--sf-text) !important;
}
.mw-parser-output table, table.wikitable > tr > th, table.wikitable > * > tr > th {
  background-color: var(--sf-surface-2) !important;
  color: #fff !important;
  border-color: var(--sf-border) !important;
}
table.wikitable > tr > td, table.wikitable > * > tr > td {
  background-color: #111820 !important;
  color: var(--sf-text) !important;
  border-color: var(--sf-border) !important;
}
.tocnumber, .toctext, .catlinks, .catlinks a, .mw-editsection, .mw-editsection a,
#footer, #footer a, .vector-menu-portal .vector-menu-heading {
  color: var(--sf-muted) !important;
}
.oo-ui-buttonElement-button, .mw-ui-button, input[type='submit'], button {
  background: linear-gradient(180deg,#ff7a10,#a83200) !important;
  border-color: #ff8a1c !important;
  color: #fff !important;
  text-shadow: none !important;
}
.mw-notification, .mw-message-box, .warningbox, .errorbox, .successbox {
  background-color: var(--sf-surface-2) !important;
  color: var(--sf-text) !important;
  border-color: var(--sf-accent) !important;
}
.mw-parser-output .thumbcaption, .thumbcaption, figcaption {
  color: var(--sf-muted) !important;
}
#footer-icons img, .mw-logo img {
  filter: drop-shadow(0 0 8px rgba(255,106,0,.25));
}

/* SkyFire Dark unified Vector tabs - Codex */
#left-navigation,
#right-navigation,
#p-namespaces,
#p-views,
#p-variants,
#p-cactions,
.vector-menu-tabs,
.vector-menu-tabs-legacy,
.vector-menu-dropdown {
  background: transparent !important;
  border-color: var(--sf-border) !important;
}
.vector-menu-tabs ul,
.vector-menu-tabs .vector-menu-content,
.vector-menu-tabs .vector-menu-content-list,
.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown .vector-menu-content-list {
  background: transparent !important;
  border-color: var(--sf-border) !important;
}
.vector-menu-tabs li,
.vector-menu-tabs li.selected,
.vector-menu-tabs li.new,
.vector-menu-tabs li.icon,
.vector-menu-tabs li.mw-list-item,
.vector-menu-dropdown label.vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading {
  background: #10161d !important;
  background-image: none !important;
  border-color: var(--sf-border) !important;
}
.vector-menu-tabs li a,
.vector-menu-tabs li.selected a,
.vector-menu-tabs li.new a,
.vector-menu-tabs li.icon a,
.vector-menu-dropdown label.vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .vector-menu-heading span {
  background: #10161d !important;
  background-image: none !important;
  color: #dce5ee !important;
  border-color: var(--sf-border) !important;
  text-shadow: none !important;
}
.vector-menu-tabs li.selected a,
.vector-menu-tabs li a:hover,
.vector-menu-dropdown:hover label.vector-menu-heading,
.vector-menu-dropdown:hover .vector-menu-heading {
  background: #21140d !important;
  background-image: none !important;
  color: #fff !important;
  border-bottom-color: var(--sf-accent) !important;
}
.vector-menu-tabs li.new a,
.vector-menu-tabs li.new a:visited {
  color: #ff8c66 !important;
}
.vector-menu-dropdown .vector-menu-content {
  background: #10161d !important;
  border: 1px solid var(--sf-border) !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.38) !important;
}
.vector-menu-dropdown .vector-menu-content a {
  background: transparent !important;
  color: #dce5ee !important;
}
.vector-menu-dropdown .vector-menu-content a:hover {
  background: #21140d !important;
  color: #fff !important;
}
.vector-menu-tabs li::before,
.vector-menu-tabs li::after,
.vector-menu-tabs li a::before,
.vector-menu-tabs li a::after,
.vector-menu-dropdown .vector-menu-heading::before,
.vector-menu-dropdown .vector-menu-heading::after {
  background: transparent !important;
  background-image: none !important;
  border-color: var(--sf-border) !important;
}

/* SkyFire Dark personal tabs visibility - Codex */
#p-personal,
#p-personal .vector-menu-content,
#p-personal .vector-menu-content-list,
#p-personal li,
#p-personal li.mw-list-item,
#p-personal li a,
#p-personal li a span,
#pt-watchlist,
#pt-watchlist a,
#pt-watchlist a span,
#ca-watch,
#ca-watch a,
#ca-watch a span,
#ca-unwatch,
#ca-unwatch a,
#ca-unwatch a span {
  background: transparent !important;
  background-image: none !important;
  color: #dce5ee !important;
  border-color: var(--sf-border) !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#p-personal li a:hover,
#pt-watchlist a:hover,
#ca-watch a:hover,
#ca-unwatch a:hover {
  background: #21140d !important;
  color: #fff !important;
}
#pt-watchlist a,
#ca-watch a,
#ca-unwatch a {
  color: var(--sf-link) !important;
  font-weight: 600 !important;
}
#pt-watchlist a.new,
#ca-watch a.new,
#ca-unwatch a.new,
#pt-watchlist.new a,
#ca-watch.new a,
#ca-unwatch.new a {
  color: #ff8c66 !important;
}