:root {
    --main-color: 180 7% 30%;
    --aux-color: #626b6b;
    --accent-color: 354 73% 43%;
    --light-color: 0 0% 100%;
    --dark-color: 0 0% 0%;


    /** Login */
    --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(--light-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 */
    --vhscrolltable: 258px;
    --content-background-color: hsl(var(--main-color)/0.1);
    --btn-border-radius: 8px;
    --badge-radius: 4px;
    --border-radius: 12px;
    --box-shadow: 0px 1px 4px 0px rgba(130, 143, 163, 0.15);

    --fields-border-radius: var(--btn-border-radius);
    --fields-height: 29px;
    --fields-font-size: 12px;

    --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));

    /** Bootstrap variables **/
    --bs-primary-rgb: 78, 71, 82;
    --bs-link-color: hsl(var(--main-color));
    --bs-link-color-rgb: 78, 71, 82;
    --bs-link-hover-color-rgb: hsl(var(--accent-color));
    --btn-padding-x: 1rem;
    --btn-padding-y: 0.375rem;
    --btn-font-size: 1.16667rem;
    --bs-border-radius-sm: 5px;
}