:root {
    --light-gen: #eee;
    --light-cyan: #cffaff;
    --light-green: #dfffe0;
    --light-red: #ffebe9;
    --light-yellow: #ffeed4;
    --light-purple: #fbe2ff;
    --light-blue: #e1eeff;

    --normal-gen: #6c757d;
    --normal-cyan: #00bcd4;
    --normal-green: #4caf50;
    --normal-red: #f44336;
    --normal-yellow: #ff9800;
    --normal-purple: #9c27b0;
    --normal-blue: #1a73e8;

    --dark-gen: #60656a;
    --dark-cyan: #00a4b9;
    --dark-green: #379f3a;
    --dark-red: #d92e22;
    --dark-yellow: #ee8f03;
    --dark-purple: #8d1e9f;
    --dark-blue: #085ece;

    --theme-normal: #1a73e8;
    --theme-dark: #0957bd;
    --theme-light: #1a73e82e;
    --theme-heading: #353e4f;
    --theme-menu-hover: #1059b9;
    --theme-body: #edeef2;
    --theme-normal-text: #505d73;
    --theme-normal-text-dark: #39414f;
    --theme-normal-textbox: #b9b9b9;
    --theme-normal-textbox-label: #606060;
    --theme-focused-textbox: #085ece;
    --theme-focused-textbox-label: #085ece;
    --theme-invalid-label: #bf1212;
    --theme-textbox-icon: #848484;
    --theme-noti: #ea0f38;
    --theme-loader-light: #1a8df0;
    --theme-loader-dark: #064c88;
    --theme-blink-shadow: #6faeff;
    --theme-avatar: #2b3c5e;

    --theme-menu-bg: #d4e7ff;
    --theme-menu-icon: #085ece;
}