:root {
    --brand-neutral-1: #F2F1EC;
    --brand-neutral-2: #CEB8A2;
    --brand-dark: #2D2D2D;
    --brand-accent-1: #B29453;
    --brand-accent-2: #A5A5A5;

    --white: #FFFFFF;
    --light-grey: #F2F1EC;
    --mid-grey: #D8D8D8;
    --dark-grey: #797979;
    --black: #000000;
    --text-black: #2A2A2A;

}
/* Colours */
.brand-neutral-1 {
    color: var(--brand-neutral-1);
}
.brand-neutral-2 {
    color: var(--brand-neutral-2);
}
.brand-dark {
    color: var(--brand-dark);
}
.brand-accent-1 {
    color: var(--brand-accent-1);
}
.brand-accent-2 {
    color: var(--brand-accent-2);
}
.white {
    color: var(--white);
}
.light-grey {
    color: var(--light-grey);
}
.mid-grey {
    color: var(--mid-grey);
}
.dark-grey {
    color: var(--dark-grey);
}
.black {
    color: var(--black);
}
.text-black {
    color: var(--text-black);
}

/* Background Colours */
.brand-neutral-1_background {
    background-color: var(--brand-neutral-1);
}
.brand-neutral-2_background {
    background-color: var(--brand-neutral-2);
}
.brand-dark_background {
    background-color: var(--brand-dark);
}
.brand-accent-1_background {
    background-color: var(--brand-accent-1);
}
.brand-accent-2_background {
    background-color: var(--brand-accent-2);
}
.white_background {
    background-color: var(--white);
}
.light-grey_background {
    background-color: var(--light-grey);
}
.mid-grey_background {
    background-color: var(--mid-grey);
}
.dark-grey_background {
    background-color: var(--dark-grey);
}
.black_background {
    background-color: var(--black);
}
.text-black_background {
    background-color: var(--text-black);
}
/* Colour Overrides */
.brand-dark_background p,
.brand-dark_background h1,
.brand-dark_background h2,
.brand-dark_background h3,
.brand-dark_background h4,
.brand-dark_background h5,
.brand-dark_background h6 {
    color: var(--white);
}
.brand-accent-1_background p,
.brand-accent-1_background h1,
.brand-accent-1_background h2,
.brand-accent-1_background h3,
.brand-accent-1_background h4,
.brand-accent-1_background h5,
.brand-accent-1_background h6 {
    color: var(--white);
}