/* colours.css */
.grey {
    --content-text-color: black;
    --content-background-color: lightgrey;
    --contrast-text-color: antiquewhite;
    --background-color-set: grey;
    
    --slider-button-background-color: black;
    --slider-button-hover-background-color: antiquewhite;
    
    --slider-button-text-color: var(--contrast-text-color);
    --slider-button-hover-color: var(--content-text-color);
    --slider-button-border-hover-color: var(--content-text-color);

    --footer-text-color: var(--contrast-text-color);
    --footer-overlay-color:black;
    --footer-overlay-opacity:0.25;
    
    --header-background-color: black;
    --header-text-color:var(--contrast-text-color);

    --fieldset-content-text-color:var(--content-text-color);
    
    --main-text-color: black;
    --main-background-color:lightgrey;
    
    --anchor-color: #680000;
}

.colour {
    --content-text-color: black;
    --contrast-text-color: antiquewhite;
    --content-background-color: lightblue;
    --background-color-set: rgb(1, 0, 60);
    
    --slider-button-background-color: rgb(0, 111, 175);
    --slider-button-hover-background-color: black;
    
    --slider-button-text-color: var(--contrast-text-color);
    --slider-button-hover-color: aqua;
    --slider-button-border-hover-color: aqua;
    
    --footer-text-color: var(--contrast-text-color);
    --footer-overlay-color:green;
    --footer-overlay-opacity:0.25;
    
    --header-background-color: rgb(12, 153, 234);
    --header-text-color:var(--content-text-color);
    
    --fieldset-content-text-color:var(--contrast-text-color);

    --main-text-color: antiquewhite;
    --main-background-color:rgb(0, 56, 70);
    
    --anchor-color: #00ffee;
}


.light {
    --content-text-color: antiquewhite;
    --contrast-text-color: black;
    --content-background-color: lightgrey;
    --background-color-set: rgb(255, 255, 255);
    
    --slider-button-background-color: rgb(35, 174, 255);
    --slider-button-hover-background-color: rgb(28, 255, 36);
    
    --slider-button-text-color: var(--contrast-text-color);
    --slider-button-hover-color: #340000;
    --slider-button-border-hover-color: var(--contrast-text-color);
    
    --footer-text-color: var(--contrast-text-color);
    --footer-overlay-color:black;
    --footer-overlay-opacity:0.25;

    --header-background-color: black;
    --header-text-color:var(--content-text-color);

    --fieldset-content-text-color:var(--contrast-text-color);
    
    --main-text-color: black;
    --main-background-color:antiquewhite;
    
    --anchor-color: #680000;
}