// ==========================================================================
// Base
// ==========================================================================

// Set to 100% for rem sizing
html {
    font-size: 100%;
}

body {
    @include font-smoothing();
    @include font-size($font-size-base);
    color: $color-text;
    font-family: $font-sans-serif;
    font-weight: $font-weight-medium;
    line-height: $line-height-base;
}

button,
input,
select,
textarea {
    font: inherit;
}

p,
small {
    margin: 0 0 ($spacing-base * 1.5);
}

small {
    @include font-size($font-size-small);
    display: block;
}
