:root {
    /* Colors */
    --color-main-background-white: #fdfdfd;
    --color-main-background-light: #f5f6f0;
    --color-main-background-lightdark: #dabfda;
    --color-main-background-dark: #583c5b;
    --color-border-light: #f2fef2;
    --color-text-color-light: #c6cdc1;
    --color-text-color-dark: #3d4434;
    --color-text-color-active: #fefffc;
    --color-menu-background-light: #5f8ba1;
    --color-menu-background-dark: #3c4356;
    --color-menu-background-active-light: #66a9aa;
    --color-menu-background-active-dark: #578e8c;
    --color-menu-dropdown-background-light: var(--color-menu-background-active-light);
    --color-menu-dropdown-background-dark: var(--color-menu-background-active-dark);
    --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: #cfcccc;
    --color-calendar-active: #66a9aa;


    --color-danger: #f37237;
    --color-danger-active: #ee8655;
    --color-warning: #faf613;
    --color-warning-active: #fbf983;
    --color-success: #a5ef3d;
    --color-success-active: #b1f353;


    /* 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-text-color-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);
}