:root {
  color-scheme: dark;
  font-family: 'Sora', ui-sans-serif, system-ui, sans-serif;
  background: #11151d;
  color: #f2efe8;
}

body {
  min-width: 320px;
  background-image: radial-gradient(ellipse at 50% 12%, #d5b57308, transparent 55%);
}

a,
button,
button:disabled {
  cursor: pointer;
}

a:hover,
button:hover {
  color: #d5b573;
}

@media (prefers-reduced-motion: no-preference) {
  a,
  button {
    transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
  }
}

a:focus-visible {
  outline: 2px solid #d5b573;
  outline-offset: 5px;
  border-radius: 2px;
}

.quiz-artwork {
  box-shadow: 0 20px 70px #0004, 0 0 0 1px #d5b5730a;
}