:root {
    --white: 255, 255, 255;
    --black: 0, 0, 0;
    --background: 255, 255, 255;
    --background-secondary: 245, 245, 245;
    --background-grey: 238, 238, 238;
    --background-blue: 207, 233, 235;
    --on-background: 245, 245, 245;
    --primary: 56, 121, 124; /*aqua blue*/
    --secondary: 0, 54, 86; /*dark blue*/
    --spot1: 241, 90, 34; /*dark orange*/
    --spot2: 240, 181, 55; /*yellow orange*/
    --spot2-light: 247, 217, 151; /*yellow orange*/
    --spot3: 83, 178, 182; /*light blue*/
    --spot4: 82, 152, 192; /*persian blue*/
    --spot5: 0, 103, 166; /*persian blue 500*/
    --spot6: 47, 79, 80; /*primary dark*/
    --spot7: 141, 107, 22; /*Mustard Yellow*/
    --success: 47, 127, 86; /*Green*/
    --text: 46, 46, 46; /*dark grey*/
    --textMedium: 68, 68, 68; /*lighter grey*/
    --textLight: 98, 98, 98; /*light grey*/
    --textExtraLight: 128, 128, 128; /*lightest grey*/
}