/*


*/

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;

  //Mobile first
  font-size: map-get($root-sizes, 'small');

  @include respond-to('medium') {
    font-size: map-get($root-sizes, 'medium');
  }

  // @include respond-to('large') {
  //   font-size: map-get($root-sizes, 'large');
  // }

  // @include respond-to('huge') {
  //   font-size: map-get($root-sizes, 'huge');
  // }
}

body {
  background-color: color('white');
  min-height: 100vh;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

span {
  font-style: inherit;
  font-weight: inherit;
}

button,
input,
textarea {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  border: none;
}

button {
  outline: none;
  cursor: pointer;
}

::placeholder {
  color: color('grey-light-3');
}

::selection {
  background-color: color('primary');
  color: color('white');
}