$open_sans : 'Open Sans', sans-serif;
$font_stack: $open_sans;
$font_color: #5d5d5d;

// Font Sizes
$font_xs  : 1rem;
$font_sm  : 1.2rem;
$font_base: 1.8rem;
$font_med : 2.8rem;
$font_lg  : 3.6rem;
$font_xl  : 4.8rem;
$font_xxl : 6.8rem;
$font_huge: 11rem;

$line_height: 1.42857143;

// Viewports
$xs_viewport_max: 480px - 1;
$sm_viewport_max: 768px - 1;
$md_viewport_max: 992px - 1;
$lg_viewport_max: 1200px - 1;

$vp_legacy  : 400px;
$xs_viewport: 480px;
$sm_viewport: 768px;
$md_viewport: 992px;
$lg_viewport: 1200px;

// Font Weights
$font_light     : 300;
$font_normal    : 400;
$font_semi_bold : 600;
$font_bold      : 700;
$font_extra_bold: 800;

$header_shadow:    0px 2px 5px rgba(0, 0, 0, 0.2);
$button_shadow:    0px 2px 3px rgba(0, 0, 0, 0.3);
$text_shadow_xs:   0px 1px 1px rgba(0, 0, 0, 0.4);
$text_shadow_sm:   0px 1px 3px rgba(0, 0, 0, 0.6);
$text_shadow_md:   0px 2px 2px rgba(0, 0, 0, 0.4);
$text_shadow_lg:   0px 3px 2px rgba(0, 0, 0, 0.4);
$text_shadow_xl:   0px 3px 2px rgba(0, 0, 0, 0.4);
$box_shadow_inset: inset 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
$box_shadow_lg:    0px 2px 5px rgba(0, 0, 0, 0.2);

// Colors
$brand_primary:   #f01446;
$brand_secondary: #05bb95;
$brand_accent:    #0277bd;
$brand_green:     #32cd32;
$brand_yellow:    #ffe000;

// Shades
$gray_light : #f1f1f1;
$gray_medium: #727272;
$gray       : #a8a8a8;
$gray_dark  : $font_color;
$white  : #fff;
$black  : #000;

$form_radius: 2px;
$btn_radius: 0;