/* 
------------------
BP Primary colours 
------------------
The BP primary colour palette is made up of our colours from the Helios mark: 
BP green, BP light green, BP yellow and white. 
It’s important that you use combinations of these colours to create recognisable branded materials.

White is a critical element in the BP colour palette and shall always feature in materials. 
Use it confidently, not only as a canvas for other brand colours but also as an active colour in designs. 
Black is not included as part of our palette but can be used for text and headlines where required.

The primary colours aren’t the only colours we use, there are also two other palettes: 
supporting colours and accent colours.
*/

.bp-green {
    color: #009900;
}

.bp-light-green {
    color: #99CC00;
}

.bp-yellow {
    color: #FFE600;
}

.bp-white {
    color: #FFFFFF;
}


/*
---------------------
BP Supporting colours 
---------------------
Supporting colours complement the primary palette and shall be used in moderation, 
to extend the range of colours in materials that need wider variety. 
Use of colours outside our palettes should always be avoided.
*/

.bp-bright-green {
    color: #CCFF00;
}

.bp-dark-green {
    color: #007833;
}

.bp-dark-blue {
    color: #000099;
}

.bp-silver {
    color: #999999;
}

.bp-dark-grey {
    color: #666666;
}

.bp-yellow-orange {
    color: #EDAC1A;
}

.bp-pale-yellow {
    color: #FBDB65;
}

.bp-pale-green {
    color: #BEDBBF;
}


/*
-----------------
BP Accent colours 
-----------------
Accent colours, meanwhile, stand out from the primary palette and shall only ever be used in 
small amounts to draw the viewer’s attention – in navigation, for example, 
or to identify specific details in information graphics.
*/


.bp-orange{
    color: #FF6600;
}

.bp-blue{
    color: #009EE0;
}

.bp-purple{
    color: #660099;
}