:root {
  color-scheme: dark;
  --background: #171717;
  --text: #fff4df;
  --text-selection: #ff8000;
  --preformatted-background: #2b2118;
  --link-foreground: #ffad4d;
  --link-background: #3a2416;
  --blockquote-border-left: 1px solid #ff8000;
  --progress-bar-outline: #ff8000 solid 4px;
  --progress-bar-fill: #ff8000;
  --brand-logo-width: 22rem;
  --brand-space: 1rem;
  --brand-logo-margin: 2rem;
  --brand-border: 2px;
}

@media (prefers-color-scheme: light) {
  :root {
    color-scheme: dark;
    --background: #171717;
    --text: #fff4df;
    --text-selection: #ff8000;
    --preformatted-background: #2b2118;
    --link-foreground: #ffad4d;
    --link-background: #3a2416;
    --blockquote-border-left: 1px solid #ff8000;
    --progress-bar-outline: #ff8000 solid 4px;
    --progress-bar-fill: #ff8000;
  }
}

html,
body {
  min-height: 100%;
  background: var(--background);
  color: var(--text);
}

body {
  color-scheme: dark;
}

main,
#title,
#status,
main p {
  color: var(--text);
}

a {
  color: var(--link-foreground);
}

::selection {
  background: var(--text-selection);
  color: var(--background);
}

.anubis-brand-logo {
  display: block;
  width: min(var(--brand-logo-width), calc(100vw - var(--brand-space) - var(--brand-space)));
  height: auto;
  margin: var(--brand-logo-margin) auto var(--brand-space);
  padding: var(--brand-space);
  background: #fff4df;
  border: var(--brand-border) solid #ff8000;
}

#image {
  display: none !important;
}