ighlight: hsl(var(--color-hs-highlight) 41%);
  --base-spacing: 1.5em;
  --base-padding: 1em;
  --base-easing: cubic-bezier(0.85, 0, 0.15, 1);
  --base-animation-duration: 1ms;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    --base-animation-duration: 300ms;
  }
}
@media screen and (min-width: 1200px) and (orientation: landscape) {
  :root {
    height: 100%;
  }
}

body {
  --site-padding: clamp(var(--base-spacing), 3vmax, var(--base-spacing) * 3.33);
  background-color: var(--color-accent