// Colours

$black: #1d2022;
$white: #fff;
$grey-light: #ececec;
$turquoise: #0ac2c9;
$duckegg: #b3bbca;
$true-blue: #037fe4;
$highlight: $turquoise;
$highlight-darker: #06a1a7;

$bg: $grey-light;
$text: $black;

// margin

$size-base: 4px;
$size-8: 8px;
$size-12: 12px;
$size-14: 14px;
$size-16: 16px;
$size-24: 24px;
$size-32: 32px;
$size-64: 64px;
$size-128: 128px;
$size-256: 256px;
$size-512: 512px;
$size-1028: 1028px;

// Typography

$font-title: 'SpaceMono', 'Courier New', Courier, monospace;
$font-logo: 'GlyphWorld Mountain', 'SpaceMono', 'Courier New', Courier, monospace;
$font: 'SpaceMono', 'Courier New', Courier, monospace;

// Responsive breakpoints

$breakpoint-tablet: 768px !default;
$breakpoint-desktop: 1024px !default;
$breakpoint-widescreen: 1440px !default;