html {

    --primary: #0a96db;
    --primary-light: #0ba5f0;
    --primary-dark: #0987c5;

    --secondary: #1a84d5;
    --secondary-light: #1c91ea;
    --secondary-dark: #1776bf;

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

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

    --background: #fafafa;
    --background-light: #ffffff;
    --background-dark: #e1e1e1;

}


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