:root {
    --brand-colour-1: #032b64;
    --brand-colour-2: #265597;
    --brand-colour-3: #5972c7;
    --brand-colour-4: #0000ff;
    --brand-colour-icons: red;
    --button-color-1: #7a95ee;
    --button-hover-color: #4e6dd1;
    --button-hover-text-colour: #ffffff;
    --button-color-2: #7a95ee;
    --button-2-hover-color: #7a95ee;
    --button-2-hover-text-colour: #ffffff;
    --brand-onboarding-colour-1: #ffffff;
    --brand-onboarding-colour-2: #ffffff;
    --brand-onboarding-colour-3: #ffffff;
    --onboarding-background: linear-gradient(116.53deg, var(--brand-onboarding-colour-1) -8.31%, var(--brand-onboarding-colour-2) 53.03%, var(--brand-onboarding-colour-3) 85.36%);
    --brand-colour-light: #D9DEF2;
    --button-corners: 4px;
    --background-colour: #ecf0f4;
    --nav-background: linear-gradient( 145.44deg, var(--brand-colour-1) -7.4%, var(--brand-colour-2) 31.44%, var(--brand-colour-3) 68.7% );
    --greeting: var(--brand-colour-1);
    --check-colour: var(--brand-colour-3);
    --card-corners: 8px;
    --message-sent-colour: var(--brand-colour-3);
    --message-sent-font-colour: #ffffff;
    --link-colour: var(--brand-colour-3);
    --task-count: var(--brand-colour-3);
}