html {
  min-width: 320px;

  scroll-behavior: smooth;

  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  min-width: 320px;
  overflow-x: hidden;

  background: var(--background);
  color: var(--foreground);

  font-family:
    "Inter",
    system-ui,
    sans-serif;

  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  text-rendering: optimizeLegibility;
}

p,
li,
span,
a,
div,
button {
  line-height: 1.2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:
    "Inter",
    system-ui,
    sans-serif;

  font-weight: 900;
  line-height: 1.2;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}

.container {
  width: min(
    calc(
      100% -
      (var(--page-padding) * 2)
    ),
    var(--container-width)
  );

  margin-inline: auto;
}

main {
  display: block;
}

main > section {
  min-height: calc(100vh - 64px);
  min-height: calc(100svh - 64px);

  box-sizing: border-box;
}

section[id] {
  scroll-margin-top: 80px;
}

body.admin-bar .site-header {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px;
  }
}