/* 
- Only accepts RGB values
- Use the following format: --color-primary: 255 255 255;
- To add a new theme, copy the following code and add paste it below and don't forget to replace the values with your own:

    [data-color-theme='theme-name'] {
        --color-primary: 60 64 218;
        --color-secondary: 38 38 48;
        --color-accent: 231 79 74;
    } 

/* Theme CSS Defaults */
:root,
[data-color-theme='default']  {
    --color-primary: 0 82 194;
    --color-primary-light: 0 142 111;
    --color-primary-dark: 0 82 194;

    --color-secondary: 1 33 105;
    --color-secondary-light: 85 85 85;
    --color-secondary-dark: 0 0 0;

    --color-acent1: 245 250 255;
    --color-acent2: 219 234 255;
    
    --color-lightgrey: 249 249 249;
    --color-upper-lightgrey: 230 230 230;
    --color-medium-grey: 183 183 183;
    --color-grey: 82 82 82;
    --color-readable-grey: 108 115 129;

    --color-warning: 255 174 0;
    --color-danger: 227 36 0;
    --color-success: 58 219 117;

}