///////////////
// Sizes
-$max-width: 1100px;
+$max-width: 1400px;
// Screen breakpoints
$xl: 1100px;
$s: 600px;
$xs: 400px;
$xxs: 360px;
+$screen-lg: 1200px;
+$screen-md: 992px;
+$screen-sm: 768px;
// Spacing (Margins+Padding)
$-xxxl: 64px;
$-xxs: 3px;
// Fonts
-$heading: 'Roboto', Helvetica, Arial, sans-serif;
-$text: 'Roboto', Helvetica, Arial, sans-serif;
-$fs-m: 16px;
+$text: -apple-system, BlinkMacSystemFont,
+"Segoe UI", "Oxygen", "Ubuntu", "Roboto", "Cantarell",
+"Fira Sans", "Droid Sans", "Helvetica Neue",
+sans-serif;
+$mono: "Lucida Console", "DejaVu Sans Mono", "Ubunto Mono", Monaco, monospace;
+$heading: $text;
+$fs-m: 15px;
$fs-s: 14px;
// Colours
-$primary: #1c77c1;
+$primary: #0288D1;
+$primary-dark: #0288D1;
$secondary: #e27b41;
-$positive: #409945;
-$negative: #D35252;
+$positive: #52A256;
+$negative: #E84F4F;
+$info: $primary;
+$warning: $secondary;
+$primary-faded: rgba(21, 101, 192, 0.15);
+
+// Item Colors
+$color-book: #009688;
+$color-chapter: #ef7c3c;
+$color-page: $primary;
+$color-page-draft: #9A60DA;
// Text colours
$text-dark: #444;
// Shadows
$bs-light: 0 0 4px 1px #CCC;
$bs-med: 0 1px 3px 1px rgba(76, 76, 76, 0.26);
-$bs-hover: 0 2px 2px 1px rgba(0,0,0,.13);
+$bs-hover: 0 2px 2px 1px rgba(0,0,0,.13);
\ No newline at end of file