colours.ts

// Primary colours
const purple = "#47209D";
const blueDark = "#3370EC";
const greenDark = "#3C8A44";

// Secondary colours
const blueLight = "#D8F7FE";
const purpleLight = "#E5D0FF";
const redLight = "#F9CED7"
const yellowLight = "#FEF5D8";
const greenLight = "#D8FEF7";

// Neutral colours
const black = "#000000";
const white = "#FFFFFF";

const greyLight1 = "#F1F1F1";
const greyLight2 = "#A3A3A3";
const greyLight3 = "#DDDDDD";

const greyDark1 = "#8C8C8C";
const greyDark2 = "#666666";
const greyDark3 = "#222222";

const tagColours = {
    'Community': '#FCF4B1',
    'Tech': '#BCFEF2',
    'Creative': '#FCB8C6', 
    'Active': '#F9B5B5',
    'Gaming': '#F3FDB6',
    'Career': '#B8FDC7',
    'Volunteer': '#FEE2B8',
    'Science': '#B6D5FC',
    'Environment': '#D1E77E',
    'Health': '#97DFEF',
    'Arts': '#FDD5A8',
    'Math': '#FDC1EE',
    'Engineering': '#D0B4EC'
}

export const colours = Object.freeze({
    primary1: purple,
    primary2: blueDark,
    primary3: greenDark,
    secondary1: blueLight,
    secondary2: purpleLight,
    secondary3: redLight,
    secondary4: yellowLight,
    secondary5: greenLight,
    black: black,
    white: white,
    darkGrey: greyDark3,
    neutralLight1: greyLight1,
    neutralLight2: greyLight2,
    neutralLight3: greyLight3,
    neutralDark1: greyDark1,
    neutralDark2: greyDark2,
    tagColours: tagColours
});