:root {
  --font-size: 1.1rem;
  --font-size-code: 1rem;
  --line-height: 1.8rem;
  --line-height-code: 1.4rem;
  --border-radius: 0.375rem;
}

html {
  background-color: var(--main-bg-color);
  color: var(--main-color);
  scrollbar-gutter: stable;
  font-family: ui-sans-serif, system-ui, -apple-system, BinkMacSystemFont,
    Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif,
    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

body {
  padding-inline: 1.25rem;
  padding-block: 0.5rem;
  max-width: 768px;
  margin: auto;
}

@media (min-width: 1536px) {
  body {
    max-width: 1024px;
  }
}