:root {
    --font-primary: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-secondary: 'Open Sans', sans-serif;

    --font-size-very-small: 13px;
    --font-size-small: 14px;
    --font-size-normal: 16px;
    --font-size-medium: 18px;
    --font-size-large: 20px;

    /*Sidebar*/
    /*--sidebar-body-bg: #212631; !* sidebar background color *!*/
    --sidebar-body-bg: #343a40; /* sidebar background color */
    --sidebar-body-color: rgba(255, 255, 255, 0.87); /* sidebar text color */
    --sidebar-tertiary-color: rgba(255, 255, 255, 0.38); /* sidebar color icon */
    --sidebar-emphasis-color: #fff; /* sidebar hover text color */
    --sidebar-tertiary-bg: #2a303d; /* sidebar hover background color */
    /*--sidebar-border-color: #323a49; !* sidebar border color *!*/
    --sidebar-border-color: #495057; /* sidebar border color */
    --sidebar-text-color-level-1: rgba(255, 255, 255, 0.90);
    --sidebar-text-color-level-2: rgba(255, 255, 255, 0.78);
    --sidebar-text-color-level-3: rgba(192, 192, 192, 0.80);
    --sidebar-font-size-level-1: 0.95rem;
    --sidebar-font-size-level-2: 0.90rem;
    --sidebar-font-size-level-3: 0.83rem;
    --sidebar-font-weight-level-1: 475;
    --sidebar-font-weight-level-2: 450;
    --sidebar-font-weight-level-3: 400;
    --sidebar-hover-text: rgba(255, 255, 255, 1);
    --sidebar-hover-bg: rgba(255, 255, 255, 0.08);
    --sidebar-active-bg: rgba(255, 255, 255, 0.10);
    --sidebar-active-border: rgba(255, 255, 255, 0.9);

    --header-border-color: #dbdfe6;
    --color-tertiar-bg: #f3f4f7;
    --color-bg-header: #343a40;
    --color-text-muted: #666666;
    --color-ultra-light-gray: #f2f2f2;
    --color-light-gray: #dcdcdc;
    --color-dark-gray: #333333;
    --color-light-hover: #e6e6f0;
    --color-border: #e0e0e0;
    --color-body-bg: #fafafa;
    --color-header-hover: #495057;
    --color-text-header: white;
    --color-accordion-bg: #f9f9f9;

    --padding-header-top: 0.5rem;
    --padding-header-horizontal: 1rem;
    --padding-header-bottom: 0;
    --padding-button: 0.5rem 1.5rem;

    --box-shadow-light: 0px 2px 5px rgba(0, 0, 0, 0.2);
    --box-shadow-medium: 0px 4px 6px rgba(0, 0, 0, 0.1);

    --border-radius: 0.25rem;
    --border-width-normal: 1px;
    --border-width-medium: 2px;
}