@import '../wireframe/_variables';

// ----- Colours ----- //
$ABBEY: #4B4D4F;
$ADVERT-DARK: #134352;
$ADVERT-LIGHT: #FAFBFC;
$BALI-HAI: #60909E;
$BLACK: #000000;
$CAPE-HAZE: #F4F6F6;
$CASPER: #A4BDC9;
$FAROE-GRAY: #D0D6D8;
$ISABEL: #ECEEEE;
$JUNGLE: #003D4C;
$MANATEE: #9098A2;
$MISTY-ROSE: #FCE0D6;
$MUSTASAARI: #111314;
$PORCELAIN: #E4E7E8;
$RAVEN: #737E8B;
$SHERPA-BLUE: #00505E;
$WHITE: #FFFFFF;

// ----- Social Colours -----//
$COLOUR_EMAIL: $SHERPA-BLUE;
$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: 48px;

$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: 1024px;

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

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