html {
  font-family: var(--font-sans);
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  line-height: 1.5;
  color: var(--color-slate-700);
  background-color: var(--site-background);
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--site-primary) 10%, transparent), transparent 28%),
    radial-gradient(circle at bottom right, color-mix(in srgb, var(--site-link) 8%, transparent), transparent 32%),
    linear-gradient(180deg, #fff 0%, var(--site-background) 45%, var(--site-surface) 100%);
}

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

img, svg, video {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: inherit;
}