/* --------------------------------------------------

  :::  Base Styles

-------------------------------------------------- */


html {
  /* Font rendering and optimization */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  
  /* Base typography */
  font-family: var(--font-family-copy);
  font-weight: var(--font-weight-copy);
  line-height: var(--leading-copy);
  
  min-height: 100%;
  overflow-x: hidden;

  /* Root colors */
  background: var(--color-background);
  color: var(--color-text);
}

body {
  /* Layout properties */
  margin: 0 auto;
  overflow-x: hidden;
  min-height: calc(100vh + 1px);

  /* Instance-specific typography */
  font-size: var(--step-0);
}



/** IE warning */
@media all and (-ms-high-contrast:none) {
  html:before {
    content: 'You are using an obsolete browser which can harm your experience and cause performance issues. Please use a modern browser!';
    background-color: #df1417;
    color: #fff;
    width: 100%;
    padding: 30px;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    display: block;
  }
}