html {


    --primary-lighter: #004a96;
    --primary-light: #004a96;
    --primary: #004489;
    --primary-dark: #003d7b;
    --primary-darker: #003366;

    --secondary: #a3c517;
    --secondary-light: #b3d819;
    --secondary-dark: #92b114;

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

    --light: #f9fafb;
    --light-light: #ffffff;
    --light-lighter: #ffffff;
    --light-dark: #e0e1e1;
    --light-darker: #babbbc;

    --background: #FFFFFF;
    --background-light: #ffffff;
    --background-lighter: #ffffff;
    --background-dark: #e5e5e5;
    --background-darker: #bfbfbf;

    --element-size: 40px;
    --element-big-size: 58px;

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

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;
}