:root {
  font-family: $s-theme-font-family;
  font-size: $s-theme-base-font-size;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/////////////////////////////////////////////////////////////////////////////
/// Utility Classes
/////////////////////////////////////////////////////////////////////////////

$app-background-color:    s-color(neutral, 100);
$s-base-text-color:      s-color(neutral, 700);
$s-brand-text-color:     s-color(primary, 400);
$s-secondary-text-color: s-color(neutral, 500);
$s-base-link-text-color: $s-brand-text-color;

html {
  background-color: $app-background-color;
  color: $s-base-text-color;
}