// Primary colours
// The bp primary colour palette is made up of the Helios colours – bp green, bp light green, bp yellow and white. To improve the colour contrast and accessibility of bp green in digital applications we have introduced a darker RGB value for all type, buttons, colour blocks, backgrounds and one colour versions of the bp logo.
$green : #007F00;
$light-green: #99CC00;
$yellow: #FFE600;
$white: #FFFFFF;

// Supporting colours
// To give ourselves a wider set of colours that complement our primary set, we have a supporting palette.
$bright-green: #CCFF00;
$dark-green: #004F00;
$dark-blue: #000099;
$yellow-orange: #FF9900;
$silver: #999999;
$dark-grey: #666666;
$black: #000000; // *Please note that bp black is to be used for text only.

// Background colours
// Supporting and background 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.
$pale-yellow: #FBDB65;
$pale-green: #BEDBBF;
$pale-grey-1: #F7F7F7;
$pale-grey-2: #EBEBEB;

// 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.
// *Please note that bp blue i.e. process cyan, should typically be used for comms related to our CO2 and methane reduction initiatives.
$orange: #FF6600;
$blue: #009EE0;
$purple: #660099;
$neon-green: #00F500;

.bp-green {
    color: $green;
}