// FUNCTIONS

@function calculateRem($size) {
    $remSize: $size / 16px;
    @return #{$remSize}rem;
}

// MIXINS

@mixin font-size($size) {
    font-size: calculateRem($size);
}
@mixin dubai-light() {
    font-family: 'Dubai Light', Arial, Helvetica, sans-serif;
}
@mixin dubai-regular() {
    font-family: 'Dubai Regular', Arial, Helvetica, sans-serif;
}
@mixin dubai-medium() {
    font-family: 'Dubai Medium', Arial, Helvetica, sans-serif;
}
@mixin dubai-bold() {
    font-family: 'Dubai Bold', Arial, Helvetica, sans-serif;
}
@mixin avenir-roman() {
    font-family: 'Avenir Roman', Arial, Helvetica, sans-serif;
}
@mixin avenir-light() {
    font-family: 'Avenir Light', Arial, Helvetica, sans-serif;
}
@mixin avenir-medium() {
    font-family: 'Avenir Medium', Arial, Helvetica, sans-serif;
}
@mixin chronicle-semi() {
    font-family: 'Chronicle Display Semi', Arial, Helvetica, sans-serif;
}

// VARIABLES

$red: #a70240;

$black: #1f262c;

$white: #fff;