:root {
    --main-color: 180 7% 30%;
    --aux-color: #626b6b;
    --accent-color: 354 73% 43%;
    --light-color: 0 0% 100%;
    --dark-color: 0 0% 0%;

    --vhscrolltable: 320px;
    --vhscrollcontacts: 245px;
    --vhscrollrequests: 145px;
    --vhscrollcatalogs: 276px;

    --login-box-top-height: 100px;
    --login-box-radius: 30px;
    --login-color: #191919;

    /** Side Bar */
    --sidebar-width: 250px;
    --sidebar-width-sm: 60px;
    --sidebar-background-color: hsl(var(--main-color));
    --sidebar-background-logo: hsl(var(--accent-color));
    --sidebar-links-color: hsl(var(--light-color));
    --sidebar-icons-color: hsl(var(--light-color));
    --sidebar-links-background-color: transparent;
    --sidebar-links-color-hover: hsl(var(--light-color));
    --sidebar-links-background-color-hover: hsl(var(--dark-color)/0.25);
    --sidebar-icons-color-hover: hsl(var(--accent-color));
    --sidebar-border: 0px solid hsl(var(--main-color));

    /** Header */
    --header-height: 60px;
    --header-height-mobile: 50px;
    --header-background-color: hsl(var(--main-color));
    --header-color: hsl(var(--light-color)/0.8);
    --header-icons-color: hsl(var(--light-color)/0.8);
    --header-icons-color-hover: hsl(var(--light-color)/1);

    /** Content */
    --btn-border-radius: 8px;
    --fields-border-radius: 8px;
    --badge-radius: 4px;
    --border-radius: 12px;
    --box-shadow: 0px 1px 4px 0px rgba(130, 143, 163, 0.15);

    --content-background-color: hsl(var(--main-color)/0.1);
    --panel-background-color: hsl(var(--light-color));
    --panel-border-radius: var(--border-radius);

    --tabs-background-color: #f5f5f5;
    --tabs-color: hsl(var(--main-color));
    --tabs-active-border-radius: var(--tabs-border-radius);
    --tabs-active-background-color: hsl(var(--main-color));
    --tabs-active-bordertop-color: hsl(var(--main-color));
    --tabs-margin-right: 2px;
    --tabs-border-radius: 8px 8px 0px 0px;
    --tabs-box-shadow: none;
    --tabs-active-color: hsl(var(--light-color));

    --bs-link-color: hsl(var(--main-color));
    --bs-primary-rgb: 78, 71, 82;
    --bs-link-color-rgb: 78, 71, 82;
}