/* Colours
// ============================== */
$white: #fff;
$alphawhite: 255,255,255;
$black: #1b1c1d;
$lightgrey: #e9ecee;
$grey: #888;
$darkgrey: #444;

$borders: rgba(0, 0, 0, 0.14);
$lightborders: rgba(255, 255, 255, 0.15);
$borderradius: 2px;
$silver: #ccc;
$weak: #d9d9d9;
$superweak: #efefef;
$ultraweak: #f5f5f5;
$superultraweak: #f9f9f9;
$coolgrey: rgba(216, 217, 228, 0.3);
$coolgrey2: #ccced6;

$primarycolour: #1b234c;
$secondarycolour: #06ACFD;
$positivecolour: #6ccc19;
$warningcolour: #ffa500;
$negativecolour: #D0021B;
$highlightcolour: #2caff9;
$fieldhighlight: #fff9f2;
$sitewidth: 80em;
$copycolour: #505050;



/* The following is for post-css-styleguide
// ============================== */

/* @start color */
colors{
  :root {
    --primary-colour: $primarycolour;
    --secondary-colour: $secondarycolour;
    --warning-colour: $warningcolour;
    --negative-colour: $negativecolour;
    --positive-colour: $positivecolour;
    --borders: $borders;
  } 
}
/* @end color */