$blue:        #0000ff !default;
$red:         #ED6C63 !default;
$cherry:      #EE5063 !default;
$pig:         #FF9AA6 !default;
$green:       #A1CF6F !default;
$white:       #ffffff !default;
$off-white:   #f6f6f6 !default;
$light-gray:  #eeeeee !default;
$gray:        #cccccc !default;
$dark-gray:   #777777 !default;
$black:       #000000 !default;
$ghost-black: rgba(black, .125) !default;
$ghost-white: rgba(white, .125) !default;

$primary: $cherry !default;
$secondary: $blue !default;

$border-radius: .5rem !default;

$spacing: 1rem !default;
$spacing-xs: .25 * $spacing !default;
$spacing-sm: .5 * $spacing !default;
$spacing-md: $spacing !default;
$spacing-lg: 2 * $spacing !default;
$spacing-xl: 4 * $spacing !default;

$navigation-height: 6rem !default;
$max-width: 120rem !default;
$gutter: 2rem !default;
$font-size: 1.6rem !default;
$font-family: 'Yantramanav', sans-serif !default;

$tiny: "max-width: 767px";
$small: "max-width: 991px";
$medium: "max-width: 1199px";
$large: "max-width: 1200px";