$font-base: 'NunitoFont';


/*colors*/
$primary: #FFE74A;
$primary-300: #FFFCE6;
$primary-400: #FFF2CC;
$primary-500: #FFEDAD;

$secondary: #FFEDAD;
$color-base: #000;

$muted: #5B5B5B;
$black: #000;
$white: #fff;
$gray-600: #8FA1AF;
$gray-300: #DFE7EE;
$gray-200: #F1F5F8;
$gray-100: #F6F9FB;
$gray: #C5C5C5;
$light:  #F8F8F8;
$light-gray: #F0F1F1;
$red: #e80c2f;



$facebook-blue: #1877f2;
$orange: #FF642D;
$yellow: #FAC375;
$cream: #FFF5EA;
$green: #06C167;
$magenta: #cf3f80;
$brown: #744636;
$yellow-2: #ffedad;
$blue: #93bac6;
$gold: #FFD12B;
$silver: #DFE7EE;
$bronze: #E8814D;


$theme-colors: (
"primary": $primary,
"primary-300": $primary-300,
"primary-400": $primary-400,
"primary-500": $primary-500,
"secondary": $secondary,


"color-base": $color-base,
"muted" : $muted,
"black" : $black,
"white" : $white,
"gray-600": $gray-600,
"gray-300": $gray-300,
"gray-200": $gray-200,
"gray-100": $gray-200,
"gray": $gray,
"light": $light,
"light-gray": $light-gray,
"facebook-blue": $facebook-blue,
"orange": $orange,
"yellow": $yellow,
"cream": $cream,
"green": $green,
"magenta": $magenta,
"brown": $brown,
"yellow-2": $yellow-2,
"blue": $blue,
"red": $red,
"gold": $gold,
"silver": $silver,
"bronze": $bronze
);


$aspect-ratios: (
"1x1": 100%,
"4x3": calc(3 / 4 * 100%),
"4x5": calc(5 / 4 * 100%),
"16x9": calc(9 / 16 * 100%),
"21x9": calc(9 / 21 * 100%)
);


/** breakpoints **/

$breadcrumb-divider: '/';

$enable-negative-margins: true;

/*$enable-rounded: false;*/


$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px,
xxl: 1601px,
);

$container-max-widths: (
xs: 97%,
sm: 540px,
md: 730px,
lg: 980px,
xl: 1350px,
xxl: 1200px
)
