:root {
    /* Colors */
    --color-main-background-white: #ffffff;
    --color-main-background-light: #ffffff;
    --color-main-background-lightdark: #e5dffb;
    --color-main-background-dark: #2f2c87;
    --color-border-light: #7299e2;
    --color-text-color-light: #e4f8ff;
    --color-text-color-dark: #1f3227;
    --color-text-color-active: #d7f2fc;
    --color-menu-background-light: #6fcb9a;
    --color-menu-background-dark: #49a383;
    --color-menu-background-active-light: #51df93;
    --color-menu-background-active-dark: #41c2a6;
    --color-menu-dropdown-background-light: #c4eda7;
    --color-menu-dropdown-background-dark: #90ba73;
    --color-menu-dropdown-background-text-header-color: var(--color-text-color-active);
    --color-menu-dropdown-background-text-color: var(--color-text-color-light);
    --color-background-disabled: #bdbdbd;
    --color-calendar-active: #49a383;


    --color-danger: #f3376f;
    --color-danger-active: #f45182;
    --color-warning: #f3aa3d;
    --color-warning-active: #fbcb83;
    --color-success: #51df93;
    --color-success-active: #6fcb9a;


    /* Login */
    --color-login-panel-border: var(--color-main-background-dark);
    --color-login-panel-header-bg: var(--color-main-background-dark);
    --color-login-panel-header-color: var(--color-text-color-dark);
    --color-login-panel-header-color-filled: var(--color-text-color-active);
    /* Sidebar */
    --color-sidebar-color: var(--color-text-color-light);
    --color-sidebar-color-active: var(--color-text-color-active);
    --color-sidebar-submenu-active: var(--color-text-color-active);
    --color-sidebar-submenu-bg-active: var(--color-menu-background-active-light);
    --color-sidebar-bg: var(--color-menu-background-light);
    --color-sidebar-bg-active: var(--color-menu-background-active-dark);
    --color-sidebar-bg-hover: var(--color-menu-background-active-light);
    /* Main panel */
    --color-panel-color: var(--color-text-color-dark);
    --color-panel-header-color: var(--color-text-color-dark);
    --color-panel-bg: var(--color-main-background-light);
    /* Table */
    --color-table-bg: var(--color-main-background-white);
    --color-table-bg-header: var(--color-main-background-lightdark);
    --color-table-bg-active: var(--color-border-light);
    --color-table-header-color: var(--color-main-background-dark);
    --color-table-borders-inside: var(--color-border-light);
    /* Button */
    --color-button-text-default: var(--color-main-background-light);
    --color-button-bg-default: var(--color-menu-background-light);
    --color-button-bg-default-hover: var(--color-menu-background-active-light);
    /* Calendar */
    --color-calendar-bg-active: var(--color-calendar-active);
    --color-calendar-today-border-color: var(--color-calendar-active);

    --color-button-bg-danger: var(--color-danger);
    --color-button-bg-danger-hover: var(--color-danger-active);

    --color-button-bg-warning: var(--color-warning);
    --color-button-bg-warning-hover: var(--color-warning-active);

    --color-button-bg-success: var(--color-success);
    --color-button-bg-success-hover: var(--color-success-active);

    /* Form */
    --color-form-checkbox-active: var(--color-menu-background-active-dark);
}