:root{
    /*Primary Colours*/
    --colour-primary-100: #C8E9E8;
    --colour-primary-300: #97D5D3;
    --colour-primary-500: #66C1BE;
    --colour-primary-700: #458381;
    --colour-primary-900: #254544;

    /*Secondary Colours*/
    --colour-secondary-100: #E2EDC1;
    --colour-secondary-300: #C8DC89;
    --colour-secondary-500: #AECC52;
    --colour-secondary-700: #768B38;
    --colour-secondary-900: #3F491E;

    /*Dark Colours*/
    --colou-dark-100: #C7CCD1;
    --colour-dark-300: #969FA8;
    --colour-dark-500: #64727F;
    --colour-dark-700: #444E56;
    --colour-dark-900: #24292E;

    /*Light Colours*/
    --colour-light-100: #FFFFFF;
    --colour-light-300: #F3F3F3;
    --colour-light-500: #D7D7D7;
    --colour-light-700: #ADADAD;
    --colour-light-900: #5C5C5C;
}
body{
    background: var(--colour-light-300);
}