// Body
$body-bg: #f8fafc;

// Typography
$font-body: "aktiv-grotesk", arial, sans-serif;;
$font-body-weight: 400;
$font-body-style: normal;
$font-body-bold-weight: 700;
$font-body-size: 1.8rem;
$font-body-size-mobile: 1.4rem;

// Colors
$white: #fff;
$blue: #004390;
$hover-blue: #005bc3;
$dark-grey: #27303E;
$grey: #5E6266;
$light-grey: #AAB0B4;
$almost-white: #FAFAFB;
$border-grey: #DCE0E3;
$separator-grey: #EDF1F3;
$almost-black: #222222;
$error-color: rgba(255,65,59,0.5);
$error-background: rgba(255,65,59,0.1);
$ball-red: #FF413B;
$yellow: #FFE201;
$red: #E63509;

// Gradients
$blue-radial-gradient: radial-gradient(circle, #0064C3 0%, #004390 100%);

// Shadows
$boxShadow: 0 2px 16px 0 rgba(39, 48, 62, 0.15);

// Width
$max-width: 1440px;
$center-width: 1200px;
$gutter: 20px;
$half-gutter: 10px;

// Height
$header-height: 120px;
$header-height-mobile: 80px;
$notification-bar-height: 50px;

/** Media Breaks */
$screen-sm-min: 550px;
$screen-md-min: 780px;
$screen-lg-min: 992px;
$screen-big-min: 1360px;