:root {
    /*** ------------ COLOURS ------------ ***/

    /* ---- Tints ---- */
    /* Red */
    --red-tint-one: #e54056;
    --red-tint-two: #ea6678;
    --red-tint-three: #ef8c9a;
    /* blue */
    --blue-tint-one: #2b4767;
    --blue-tint-two: #435b78;
    --blue-tint-three: #5b7089;

    /* ---- Pastels ---- */
    --pastel-red: #fdf2f4;
    --pastel-orange: #fff0e5;
    --pastel-green: #eef9f3;
    --pastel-blue: #f0f6ff;

    /* ---- Secondary Colours ---- */
    --secondary-orange: #ff6900;
    --secondary-green: #90d5ac;
    --secondary-yellow: #fedd00;

    /* ---- Primary Colours ---- */
    --primary-red: #DC001E;
    --primary-blue: #143256;

    /* ---- Greys / Monotones ---- */
    --white: #ffffff;

    --light-grey: #F6F9FC;
    --grey-lightest: #f5f5f5;
    --grey-disabled-primary: #D8D8D8;
    --grey-disabled-secondary: #A5A5A5;
    --grey-light: #bfbfbf;
    --grey-mid: #7a7777;
    --grey-dark: #4d4d4d;
    --grey-darkest: #1d1d1b;

    --black: #000000;

    /*** ------------ BORDERS ------------ ***/
    --standard-border-radius: 0.375rem;
}


/*** Background Classes ***/
.pastel-red_background {
    background-color: var(--pastel-red);
}
.pastel-orange_background {
    background-color: var(--pastel-orange);
}
.pastel-green_background {
    background-color: var(--pastel-green);
}
.pastel-blue_background {
    background-color: var(--pastel-blue);
}
.white_background {
    background-color: var(--white);
}
.primary-blue_background {
    background-color: var(--primary-blue);
}
.grey-lightest_background {
    background-color: var(--grey-lightest);
}
.light-grey_background {
    background-color: var(--light-grey);
}