// ----------------------------------------------------------------------------
// VARIABLES
// ----------------------------------------------------------------------------

:root {

    // Fonts

    // Dimensions

    // Colors

}

// Media queries

$tablet-media-query: 48rem;
$desktop-media-query: 62rem;

@media screen and (min-width: $tablet-media-query) {

    :root {

        // Fonts

        // Dimensions

    }
}