// Colours

$black: #1d2022;
$white: #fff;
$turquoise: #0ddfe7;
$true-blue: #037fe4;
$highlight: $turquoise;
$highlight-darker: #0ac2c9;

$bg: $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: 'Orator Std Slanted', 'SpaceMono Regular', 'Courier New', Courier, monospace;
$font: 'SpaceMono Regular', 'Courier New', Courier, monospace;
$font-bold: 'SpaceMono Bold', 'Courier New', Courier, monospace;
$font-italic: 'SpaceMono Italic', 'Courier New', Courier, monospace;
$font-bold-italic: 'SpaceMono Bold Italic', 'Courier New', Courier, monospace;

// Responsive breakpoints

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