:root {
    /* Colors */
    --color-main-background-white: #fdfdfd;
    --color-main-background-light: #f5f6f0;
    --color-main-background-lightdark: #97aeca;
    --color-main-background-dark: #3c4a5b;
    --color-border-light: #edf0f0;
    --color-text-color-light: #c6cdc1;
    --color-text-color-dark: #44403f;
    --color-text-color-active: #fefffc;
    --color-menu-background-light: #63a15f;
    --color-menu-background-dark: #3e563c;
    --color-menu-background-active-light: #66aa6f;
    --color-menu-background-active-dark: #578e87;
    --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-dark);
    --color-background-disabled: #c3c3c3;
    --color-calendar-active: #63a15f;


    --color-danger: #f33737;
    --color-danger-active: #ff5e5e;
    --color-warning: #f37d38;
    --color-warning-active: #fe9456;
    --color-success: #6fef3d;
    --color-success-active: #a0fe7b;


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