html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /* Theme Colours */
    --champagne-mist: #F8E9CFff;
    --toasted-almond: #CA855Aff;
    --rosewood: #A86A78ff;
    --light-green: #70E070ff;
    --dark-amethyst: #482457ff;
    --background-color: var(--champagne-mist); /* fallback for older browsers */
    --theme-color1: var(--champagne-mist);
    --theme-color2: var(--toasted-almond);
    --theme-color3: var(--rosewood);
    --theme-color4: var(--light-green);
    --theme-color5: var(--dark-amethyst);
    background-image: radial-gradient(var(--theme-color1), var(--theme-color2), var(--theme-color3));
    --bs-body-color: var(--theme-color5);
    --bs-body-bg: var(--theme-color1);
    font-style: normal;
    --font-color: var(--theme-color5);
    color: var(--theme-color5);
    background-color: var(--theme-color1);

    .btn-primary {
        color: var(--theme-color5);
        background-color: var(--theme-color3);
        border-color: var(--theme-color4);
    }

        .btn-primary:hover {
            color: var(--theme-color5);
            background-color: var(--theme-color4);
            border-color: var(--theme-color3);
        }

    .btn-secondary {
        color: var(--theme-color5);
        background-color: var(--theme-color2);
        border-color: var(--theme-color1);
    }

        .btn-secondary:hover {
            color: var(--theme-color5);
            background-color: var(--theme-color1);
            border-color: var(--theme-color2);
        }
}