:root {
    --cols: 12;
    --gutter: 15px;
    --safe-area: 30px;
    @include mq-md {
        --safe-area: 90px;
    }

    --wrapper-centered: 100%;
    @include mq-sm {
        --wrapper-centered: 720px;
    }
    @include mq-md {
        --wrapper-centered: 960px;
    }
    @include mq-lg {
        --wrapper-centered: 1140px;
    }
    @include mq-xl {
        --wrapper-centered: 1540px;
    }
    @include mq-xxl {
        --wrapper-centered: 2340px;
    }
}