*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--font-ui);
  color: var(--color-text);
  background:
    radial-gradient(circle at top, rgba(255, 184, 55, 0.22), transparent 18%),
    radial-gradient(circle at 16% 16%, rgba(72, 188, 255, 0.16), transparent 18%),
    radial-gradient(circle at 84% 12%, rgba(154, 86, 255, 0.18), transparent 20%),
    linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-alt) 52%, var(--color-bg-deep) 100%);
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
}

button,
input,
select,
textarea {
  font: inherit;
}