/* ============================================================================
   @CORE -> BASE -> ROOT
   ========================================================================= */


/**
 * The root element: `html`.
 */


/**
 * Settings.
 */

$html-element-background-color:   $color-white !default;

$apply-osx-font-smoothing:        false !default;


/**
 * 1. Set the default `font-size`, `line-height` and `font-family` for the
 *    entire project, sourced from the Scally settings. The `font-size` is
 *    calculated to exist in `em`s, the `line-height` is calculated to exist
 *    unitlessly.
 * 2. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 */

html {
  font-size: strip-unit($font-size) / 16 * 1em; // [1]
  line-height: strip-unit($line-height-ratio); // [1]
  font-family: $font-family-base; // [1]
  color: $color-text-base;
  background: $html-element-background-color;

  @if $apply-osx-font-smoothing {
    -moz-osx-font-smoothing: grayscale; // [2]
    -webkit-font-smoothing: antialiased; // [2]
  }
}
