hypothetical/resources/sass/_var.scss

//
// Custom Variables
//

// Overrides
$grid-breakpoints: (
    xs: 0px,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px,
    xxl: 1600px,
    xxxl: 1950px,
    xxxxl: 2150px
);

$container-max-widths: (
    sm: pxrem(540),
    md: pxrem(720),
    lg: pxrem(960),
    xl: pxrem(1140),
    xxl: pxrem(1540),
    xxxl: pxrem(1733),
    xxxxl: pxrem(1925)
);

// Colours
$c-text: #111; // text
$c-text-light: #fff; // light text
$c-base: #2e2e2e; // base
$c-accent: #fa7921; // accent
$c-error: #fa2036; // error

// Values
$nav-link-count: 3;

// Sizes
$nav-height-desktop: pxrem(60);
$nav-height-mobile: pxrem(50);
$nav-link-height-mobile: pxrem(50);
$grid-gutter-width: pxrem(30);

// Breakpoints
$nav-desktop-min: 768px;
$nav-mobile-max: ($nav-desktop-min - 1px);