@view-transition {
  navigation: auto;
}

html {
  color: var(--color-main);
  background-color: var(--color-background);
  font-family: var(--font-main);
  font-size: var(--base-font-size);
  line-height: var(--base-line-height);
}

html,
body {
  overflow-x: hidden;
}

body {
  &:where([inert], :has(dialog[open]:modal)) {
    overflow-y: clip;
  }
}