// Colours
$brand-primary: $sbc-blue;
$focus-colour: lighten($sbc-blue, 30);
$error-colour: $sbc-red;
$body-bg-color: $off-white;

// Links
$link-colour: $brand-primary;
$link-hover-colour: darken($link-colour, 15);
$link-visited-colour: $sbc-purple;

// Margins and paddings
$gutter: 20px;
$gutter-medium: 15px;
$gutter-mobile: 15px;
$medium-spacing: 10px;

// Breakpoints
$large-screen: 1300px;
$big-screen: 1024px;
$medium-screen: 900px;
$small-screen: 768px;
$smaller-screen: 520px;
$tiny-screen: 480px;

// grid variables
$neat-grid: (
  columns: 4,
  gutter: $gutter,
);

$sbc-grid-small: (
  columns: 12,
  gutter: $gutter,
  media: $small-screen,
);

$sbc-grid-medium: (
  columns: 12,
  gutter: $gutter,
  media: $medium-screen,
);