//========================================================
//                     Variables
//=========================================================

// Use relative measurements. Change to 0 on "Post Production"
$debug: 0;

// Layouts
$layout-boxed-width: 1920px;
$layout-boxed-bg: #444;


// Resolutions
$screen-xs-min: 480px;
$screen-sm-min: 768px;
$screen-md-min: 992px;
$screen-lg-min: 1200px;
$screen-xl-min: 1600px;


// Fonts
$default-font-family: 'Roboto', sans-serif;
$default-font-weight: 300;
$default-font-size: 15px;
$default-line-height: 22px;
$sec-font-family: 'Ubuntu', sans-serif;
$arrows:'arrows';

// Anchor Colors
$default: #000;
$contrast: #fff;
$white: #fff;
$primary: #ffc72b;

// Relative Colors
$greyscale-darker:lighten(saturate(adjust_hue($default, 265.71428571428567), 6.194690265486723%), 22.15686274509804%);
$grayscale-darken: lighten(saturate(adjust_hue($default, 194.99999999999994), 4%), 19.607843137254903%);
$grayscale-default: lighten(saturate(adjust_hue($default, 264.0000000000001), 2.7624309392265176%), 35.49019607843137%);
$grayscale-lighten: lighten($default, 92.15686274509804%);
$grayscale-lightest: lighten($default, 96.47058823529412%);

$content-color: $grayscale-default;
$content-bg: $contrast;
$header-bg:lighten(saturate(adjust_hue($default, 255), 8.695652173913043%), 18.03921568627451%);

// Round Corvers
$border-radius-small: 4px;
$border-radius-base: 5px;
$border-radius-large: 40px;


// Shadows
$box-shadow-ambient: 0 0 0 rgba(0, 0, 0, .12);
$box-shadow-key-small: 3px 4px 5px 0px rgba(0, 0, 0, 0.11);
$box-shadow-key-light: 1px 1px 1px 0px rgba(0, 0, 0, 0.11);
$box-shadow-key-light-large: 8px 14px 18px 0px rgba(0, 0, 0, 0.11);