html {

    --primary: #2b265f;
    --primary-light: #2f2968;
    --primary-dark: #262255;

    --secondary: #d21769;
    --secondary-light: #e71973;
    --secondary-dark: #bd145e;

    --accent: #0886D7;
    --accent-light: #0893ec;
    --accent-dark: #0778c1;

    --light: #f9fafb;
    --light-light: #ffffff;
    --light-dark: #e0e1e1;

    --background: #FFFFFF;
    --background-light: #ffffff;
    --background-dark: #e5e5e5;

}


html.dark {

    --light: #3e4955;
    --light-light: #434d5a;
    --light-dark: #2a323a;

    --background: #1f2937;
    --background-light: #363f4d;
    --background-dark: #10151d;

    --font-color: #f9fafb;
    --font-reverse-color: #1f2937;
}