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

html {
  // Text initialization
  font-family: $basefont;
  text-align: left;
  font-size: $fontsize;
  @include old() {
    font-size: $fontsize-small;
  }
  line-height: $lineheight;
  font-weight: $fontweight_base;

  // Normalization
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  color: var(--text-color);
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}