/* static/css/components/colours.css */

:root{
    --colour-action-background-main: rgba(200, 0, 0, 1);
    --colour-action-background-main-light: rgba(255, 100, 100, 1);
    --colour-action-background-main-dark: rgba(150, 0, 0, 1);

    --colour-action-background-neutral: rgba(140, 140, 140, 1);
    --colour-action-background-neutral-light: rgba(255, 255, 255, 1);
    --colour-action-background-neutral-dark: rgba(0, 0, 0, 1);

    --colour-action-background-alternative: rgba(0, 0, 200, 1);
    --colour-action-background-alternative-light: rgba(100, 100, 255, 1);
    --colour-action-background-alternative-dark: rgba(0, 0, 150, 1);

    --colour-action-text-main: rgb(255,255,255);
    --colour-action-text-neutral: rgb(200,0,0);
    --colour-action-text-alternative: rgb(255,255,0); 
    
    --colour-container-background-light: rgba(255,255,255, 0.8);
    --colour-container-background-neutral: rgba(140,140,140,0.8);
    --colour-container-background-dark: rgba(0,0,0, 0.8);
    --colour-container-background-alternative: rgba(50,50,50,1);
    
    --colour-container-text-light: rgb(255,255,255);
    --colour-container-text-dark: rgb(0,0,0);
    --colour-container-text-alternative: rgb(255,255,0); 
    
    --opacity: 80%;
    --opacity-low: 60%;
    --opacity-high: 100%;
}