/*------------------------------------*\
  Elements > Page
\*------------------------------------*/

body {
  color: $color-text;
  font-size: $font-size-base;
  font-family: $font-sans-serif;
  line-height: $line-height-base;
  background-color: $color-white;
  border: quarter($base-spacing-unit) solid $bg-gray;

  @include mq($from: tablet) {
    border: half($base-spacing-unit) solid $bg-gray;
  }

  -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

*::selection {
  color: $color-white;
  background-color: $color-brand;
}