@import '../wireframe/_variables';

// ----- Colours ----- //
$albaster: #f9f9f9;
$black: #000000;
$bon-jour: #deddde;
$cornflower-blue: #4681f5;
$dodger-blue: #1da8ff;
$limed-oak: #96814b;
$mineshaft: #303030;
$monza: #dc0000;
$oslo-gray: #85878b;
$pale-slate: #d4d3d4;
$royal-blue: #3870e0;
$seashell: #f2f1f2;
$shark: #1e2022;
$shuttle-gray: #64666a;
$solitude: #e0ebff;
$white: #ffffff;
$woodsmoke: #17191b;
$zircon: #f1f6ff;

// ----- Social Colours -----//
$COLOUR_EMAIL: $oslo-gray;
$COLOUR_SOCIAL: map-merge($COLOUR_SOCIAL, ("email": $COLOUR_EMAIL));

// ----- Breakpoints ----- //
$DESKTOP_SIDE_GUTTER: 60px;
$TABLET_SIDE_GUTTER: 60px;
$MOBILE_SIDE_GUTTER: 20px;

$DESKTOP_SLICE_MARGIN: 60px;
$TABLET_SLICE_MARGIN: 60px;
$MOBILE_SLICE_MARGIN: 40px;

$DESKTOP_SIDE_GUTTER_BREAKPOINT: 1024px;
$TABLET_SIDE_GUTTER_BREAKPOINT: 700px;

$CARD_SWITCHER_WIDTH: 600px;
$CARD_LIST_2_COLUMN_BREAKPOINT: 600px;
$CARD_LIST_3_COLUMN_BREAKPOINT: 940px;
$CARD_LIST_4_COLUMN_BREAKPOINT: 1100px;

$FEATURE_LARGE_BREAKPOINT: 800px;
$SUPERFEATURE_LARGE_BREAKPOINT: 700px;

$TYPE_MEDIUM_COPY_WIDTH: 700px;
$TYPE_LARGE_COPY_WIDTH: 1024px;