Primary colour

<div class="a__primary-color500">Primary colour-scheme</div>

%a__primary-color500 {
    @include e__color--primary(3);
}

Dark Primary colour

<div class="a__primary-color700">Dark Primary colour-scheme</div>

%a__primary-color700 {
    @include e__color--primary(4);
}

<div class="a__primary-color100">Light Primary colour-scheme</div>

%a__primary-color100 {
    @include e__color--primary(2);
}

<div class="a__primary-color000">Primary Body colour-scheme</div>

%a__primary-color000 {
    @include e__color--primary(1);
}

<div class="a__alternate-color200">Accent Colour-scheme</div>

%a__alternate-color200 {
    @include e__color--secondary(2);
}

<div class="a__alternate-color400">Dark Accent Colour-scheme</div>

%a__alternate-color400 {
    @include e__color--secondary(3);
}

<div class="a__alternate-color100">Light Accent Colour-scheme</div>

%a__alternate-color100 {
    @include e__color--secondary(1);
}