:root {
  /*
   * Typography
   * ======================================================================== */

  --font-family-base: 'Roboto', sans-serif;

  /*
   * Layout
   * ======================================================================== */

  --max-content-width: 1280px;
}

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

html {
  font-family: var(--font-family-base);
  line-height: normal;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: var(--system-text-color);
  font-weight: normal;
}

p, h1, h2, h3, h4, h5, h6, a, small, span {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}