/*Reusable variables*/
:root {
    /*Theme colours*/
    --grey-wash: #f7f7f7;
    --grey-light: #f0f0f0;
    --grey-mid: #b3b3b3;
    --primary-colour: #588ac2;
    --secondary-colour: #206192;
    --tertiary-colour: #1e3042;
    --a-colour: #e67a00;
    --a-colour-secondary: #cf6e00;
    --content-margin: 2rem;
    --focus: #ffc218;
    /*Viewport breakpoint sizes
    Can't use native variables as selectors so won't work in media queries, leaving this here for reference
    --screen-xxs-max: 540px;
    --screen-xs-min: 541px;
    --screen-xs-max: 767px;
    --screen-sm-min: 768px;
    --screen-sm-max: 991px;
    --screen-md-min: 992px;
    --screen-md-max: 1199px;
    --screen-lg-min: 1200px;
    */

    --base-font: "Open Sans", sans-serif;

    /*Links to brand logos*/
    --logo: url("/img/cwuk_logo.svg");
}