variables

$font-size-base             : 10px;
$font-weight-base           : 500;
$line-height-base           : 1.5;

$ff-sans-serif              : 'freight-neo-pro' , sans-serif;
$ff-sans-serif2             : 'Geogrotesque' , sans-serif;
$ff-sans-serif3             : 'TrioGrotesk' , sans-serif;
$ff-serif                   : Georgia, 'Times New Roman', Times, serif;

$t-duration                 : 0.4s;

$shell-max-width            : 1640px;
$shell-max-width-small      : 1450px;
$shell-max-width-xsmall     : 1090px;
$shell-max-width-large      : 1800px;
$shell-gutter               : 60px;
$shell-gutter-tablet        : 40px;
$shell-gutter-mobile        : 30px;

$c-black                    : #000;
$c-white                    : #fff;
$c-orange                   : #A96240;
$c-green                    : #555D4F;
$c-beige                    : #F5F0E6;
$c-gray                     : #767761;
$c-darkgreen                : #555D4F;
$c-base                     : $c-orange;

$responsive-ios             : 812px;
$fluid-desktop              : 1820px;
$fluid-tablet               : 1023px;

$breakpoints: (
    mobile-small: 374px,
    mobile-medium: 575px,
    mobile: 767px,
    admin-bar: 782px,
    tablet: 1023px,
    small-desktop: 1199px,
    large-desktop: 1399px,
    extra-large-desktop: 1599px
);