/* Fiji Digital only: the owner's chosen circuit image, with readable surfaces. */
html:root {
  --glass: rgba(240, 248, 255, .94);
  --navy-0: #06162f;
  --navy-1: var(--glass);
  --text: #f0f8ff;
  --silver: #e0edff;
  --dim: #d2e2f6;
  --dimau-hi: #95e8ff;
  --gold: #ffd18a;
  --ok: #7ce3b1;
  background-color: #06162f !important;
  background-image: linear-gradient(rgba(3, 16, 38, .64), rgba(3, 16, 38, .64)), url('/fiji-digital/circuit-background.webp') !important;
  background-size: auto, max(100%, 960px) auto !important;
  background-position: top left, center top !important;
  background-repeat: no-repeat, repeat-y !important;
  background-attachment: scroll !important;
  color-scheme: dark;
}
html:root > body {
  background: transparent !important;
  color: var(--text);
}
html:root main :is(h1, h2, h3, h4, h5, h6) {
  color: #f0f8ff;
}
html:root :is(.card, .pillar, .rulelist li, .fb-card, header) {
  --text: #07152a;
  --silver: #142b4a;
  --dim: #193257;
  --dimau-hi: #075eae;
  --gold: #8c5100;
  --ok: #177442;
  color: var(--text);
  color-scheme: light;
}
html:root :is(.card, .pillar, .rulelist li, .fb-card) {
  background-color: var(--glass);
}
html:root :is(.card, .pillar, .rulelist li, .fb-card) :is(h1, h2, h3, h4, h5, h6) {
  color: #07152a;
}
html:root .eco a {
  color: #07152a;
  background: var(--glass);
}
html:root footer .fl,
html:root footer .fl b {
  color: #e0edff;
}
html:root .skip {
  background: #f0f8ff;
  color: #07152a;
}
html:root .fb-x {
  background: transparent;
}
/* The header bar reaches the window edge using a very wide box-shadow rather than a
   wider element. That shadow has to be painted in the SAME colour as the bar itself.
   This file raises --glass to .94, but the shadow was still drawn with the shell's
   paler .42, so the strips either side of the bar came out washed out against the dark
   page. Painting both from --glass keeps the bar solid edge to edge, and because the
   spread is measured in vmax it holds at every screen size. */
html:root body > .wrap > header {
  box-shadow: 0 0 0 100vmax var(--glass) !important;
  clip-path: inset(0 -100vmax) !important;
}
@media (forced-colors: active) {
  html:root {
    background-image: none !important;
  }
}