/// ----------------------------------------------------------------------------------------
/// Base Styles
/// ----------------------------------------------------------------------------------------
/// @author - Modop
/// @description - Global base styles
////

/////
/// ----------------------------------------------------------------------------------------
/// @imports - Global imports
/// ----------------------------------------------------------------------------------------
////
@import '../sass/_variables';
@import '../sass/_mixins';
@import '../sass/_functions';

/////
/// ----------------------------------------------------------------------------------------
/// @description - All viewport widths up to infinity
/// ----------------------------------------------------------------------------------------
////
@media (min-width: $mobile) {
    body {
        padding-top: rem-calc(52);
    }

    .paragraphs {
        .section-name {
            font-family: $styleguide-bold-font-family;
            font-size: rem-calc(16);
        }
    }

    .color-darkblue {
        color: $darkblue;
    }

    .color-lightblue {
        color: $lightblue;
    }
}
/// End of Mobile Up

/////
/// ----------------------------------------------------------------------------------------
/// @description - Desktop (1024px) viewport widths up to infinity
/// ----------------------------------------------------------------------------------------
////
@media (min-width: $desktop) {
}
/// End of Desktop Up