// Fonts
$browser-serif: Helvetica, Arial, sans-serif;
$sans-serif: 'Lato', $browser-serif;
$amaranth: 'Amaranth', $browser-serif;
$nitti: 'Nitti Normal', $browser-serif;

// Dimensions
$content-width: 720px;

// Breakpoints
$breakpoint-medium: 900px;
$breakpoint-small: 560px;

// Colours
$teal: #1398AF;
$teal-dark: #006475;
$blue: #3792CA;
$pink: #EF4E7B;
$red: #B81414;
$orange: #E68C0F;

$black: #000000;
$oil: #333333;
$grey: #999999;
$light-grey: #DDDDDD;
$off-white: #F5F5F5;
$white: #FFFFFF;

// Shadows
$box-shadow-weak: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
$box-shadow-strong:  0 1px 1px rgba(16, 27, 30, 0.15), 0 2px 2px rgba(16, 27, 30, 0.15), 0 4px 4px rgba(16, 27, 30, 0.15), 0 8px 8px rgba(16, 27, 30, 0.15), 0 16px 16px rgba(16, 27, 30, 0.15);
$text-shadow-normal: 0 1px rgba(0, 0, 0, 0.14);

// Transitions
$ease: cubic-bezier(0.215, 0.61, 0.355, 1);
$transition-normal: all 350ms $ease 0s;
$transition-slow: all 480ms $ease 0s;

// Font Weights
$light: 300;
$regular: 400;
$medium: 500;
$semi-bold: 600;
$bold: 700;
$heavy: 800;
