@import url('./ui-theme.css');
/* Shared loader atmosphere. Static layers also work before JavaScript. GPL-3.0-or-later. */
:root {
  --site-background-color: #0d1811;
  --site-background-image:
    url("../../assets/ui/site-grain.svg"),
    radial-gradient(ellipse at 50% 44%, transparent 25%, #03090580 100%),
    radial-gradient(ellipse at 50% 46%, #203829 0%, #16291d 42%, #0d1811 80%);
}

html body,
#loading,
html[data-ui-language-pending]::before {
  background-color: var(--site-background-color);
  background-image: var(--site-background-image);
  background-size: 160px 160px, cover, cover;
  background-repeat: repeat, no-repeat, no-repeat;
  background-position: center;
  background-attachment: fixed;
}

/* Let the same atmosphere continue through website chrome. */
body .site-header { background: #0d1811e8; }
body .site-footer { background: transparent; }

@media (forced-colors: active) {
  html body, #loading, html[data-ui-language-pending]::before {
    background: Canvas;
  }
}