:root {
    /* Mains */
    --main-font-size: 13px;
    --main-font-color: #000;
    --main-font-color-hover: #000;
    --main-title-color: #000;
    --main-title-color-hover: #c8102e;
    --main-title-size: 14px;
    /* Tabs */
    --tab-background-color-inactive: #464646;
    --tab-background-color-inactive-hover: #2D3136;
    --tab-font-color-inactive: #ffffff;
    --tab-font-color-active: #000000;
    --tab-font-color-inactive-hover: #ffffff;
    --tab-font-shadow-color-inactive: #000000;
    --tab-font-shadow-color-active: rgba(0, 0, 0, 0.25);
    --tab-closebutton-color: rgba(255, 255, 255, 0.5);
    --tab-closebutton-color-hover: rgba(200, 16, 46, 1);
    --tabcontent-backgroundgradient-angle: 142deg;
    --tabcontent-backgroundgradient-color-left: rgba(217, 219, 225, 1);
    --tabcontent-backgroundgradient-color-right: rgba(49, 67, 68, 1);
    /* Grid */
    --grid-padding-top: 73px;
    --grid-padding-bottom: 46px;
    --grid-padding-left: 42px;
    --grid-padding-right: 70px;
    --grid-column-gap: 40px;
    --grid-row-gap: 40px;
    /* GridItem */
    --griditem-boxshadow-color: rgba(0, 0, 0, 0.3);
    --griditem-boxshadow-color-hover: rgba(50, 68, 69, 1);
    --griditem-boxborders-color: rgba(61, 83, 84, 1);
    --griditem-boxborders-size: 1px;
    --griditem-boxborders-color-hover: rgba(115, 151, 153, 0.5);
    --griditem-boxborders-radius: 5px;
    /* GridItem Title */
    --griditem-title-backgroundgradient-color-left: rgba(243, 245, 248, 1);
    --griditem-title-backgroundgradient-color-right: rgba(182, 182, 182, 1);
    --griditem-title-backgroundgradient-angle: 12deg;
    --griditem-title-font-color: #414141;
    --griditem-title-font-size: 14px;
    --griditem-title-font-weight: 800;
    --griditem-title-icon-color: rgba(200, 16, 46, 0.7);
    --griditem-title-icon-fontsize: 14px;
    --griditem-title-height: 29px;
    /* GridItem Content */
    --griditem-content-backgroundgradient-color-left: rgba(255, 255, 255, 0.4);
    --griditem-content-backgroundgradient-color-right: rgba(255, 255, 255, 1);
    --griditem-content-backgroundgradient-angle: 168deg;
    --griditem-content-font-color: #29596A;
    --griditem-content-font-size: 14px;
    /* DataTable */
    --datatable-header-font-size: 13px;
    --datatable-header-font-weight: 400;
    --datatable-header-font-color: #000;
    --datatable-header-height: 25px;
    --datatable-header-background-color: rgba(242, 242, 242, 1);
    --datatable-header-background-color-hover: rgba(155, 155, 155, 0.3);
    --datatable-header-border-bottom-color: rgba(0, 0, 0, 1);
    --datatable-row-font-size: 12px;
    --datatable-row-font-color: #000;
    --datatable-row-font-color-hover: #000;
    --datatable-row-padding-top: 5px;
    --datatable-row-padding-bottom: 5px;
    --datatable-row-padding-left: 10px;
    --datatable-row-padding-right: 10px;
    --datatable-row-border-top-color: rgba(41, 89, 106, 1);
    --datatable-row-background-color: rgba(214, 214, 214, 0.2);
    --datatable-row-background-color-even: rgba(255, 255, 255, 0.85);
    --datatable-row-background-color-selected: rgba(255, 255, 255, 1);
    --datatable-row-background-color-hover: rgba(255, 232, 233, 1);
    --datatable-row-scrollbarthumb-color: rgba(200, 16, 46, 0.5);
    --datatable-row-scrollbarthumb-color-hover: rgba(200, 16, 46, 1);
    --datatable-arrows-color: rgba(200, 16, 46, 0.8);
    /* Buttons */
    --button-border-radius: 6px;
    --button-font-weight: 500;
    --button-font-size: 14px;
    --button-loader-color: rgba(200, 16, 46, 1);
    --button-loader-size: 12px;
    --button-active-font-color: rgba(0, 0, 0, 0.7);
    --button-active-border-color: rgba(0, 0, 0, 0.7);
    --button-active-background-color: rgba(0, 0, 0, 0.7);
    --button-height: 24px;
    --button-padding-vertical: 13px;
    --button-padding-horizontal: 16px;
    /* Buttons Primary */
    --button-primary-font-color: rgba(0, 0, 0, 1);
    --button-primary-font-color-hover: rgba(0, 0, 0, 1);
    --button-primary-background-color: rgba(255, 255, 255, 0.55);
    --button-primary-background-color-hover: rgba(255, 255, 255, 1);
    --button-primary-background-color-pressed: rgba(0, 0, 0, 0.05);
    --button-primary-border-color: rgba(61, 83, 84, 0.5);
    --button-primary-border-color-hover: rgba(200, 16, 46, 1);
    /* Buttons Secondary */
    --button-secondary-font-color: rgba(0, 0, 0, 1);
    --button-secondary-font-color-hover: rgba(0, 0, 0, 1);
    --button-secondary-background-color: rgba(253, 253, 253, 0.55);
    --button-secondary-background-color-hover: rgba(255, 255, 255, 1);
    --button-secondary-background-color-pressed: rgba(0, 0, 0, 0.05);
    --button-secondary-border-color: rgba(200, 16, 46, 0.6);
    --button-secondary-border-color-hover: rgba(200, 16, 46, 1);
    /* Buttons Tertiary */
    --button-tertiary-font-color: rgba(0, 0, 0, 1);
    --button-tertiary-font-color-hover: rgba(0, 0, 0, 1);
    --button-tertiary-background-color: rgba(255, 255, 255, 0.55);
    --button-tertiary-background-color-hover: rgba(255, 166, 168, 1);
    --button-tertiary-background-color-pressed: rgba(0, 0, 0, 0.05);
    --button-tertiary-border-color: rgba(200, 16, 46, 0.6);
    --button-tertiary-border-color-hover: rgba(200, 16, 46, 1);
    /* Buttons Disabled */
    --button-disabled-opacity: 0.65;
    --button-disabled-font-color: rgba(0, 0, 0, 0.4);
    --button-disabled-icon-color: rgba(0, 0, 0, 0.4);
    --button-disabled-background-color: rgba(0, 0, 0, 0.04);
    --button-disabled-border-color: rgba(0, 0, 0, 0.05);
    /* Inputs */
    --input-background-color: rgba(0, 0, 0, 0.02);
    --inputSelect-background-color: rgba(223, 223, 223, 1);
    --input-background-color-hover: rgba(255, 255, 255, 1);
    --input-background-color-active: rgba(0, 0, 0, 0.1);
    --input-border-radius: 4px;
    --input-border-color: rgba(49, 65, 70, 0.35);
    --input-border-color-hover: rgba(200, 16, 46, 0.3);
    --input-border-color-active: rgba(200, 16, 46, 0.3);
    --input-font-color: #000;
    --input-font-color-hover: #283d42;
    --input-font-color-active: #000;
    --input-padding-vertical: 5px;
    --input-padding-horizontal: 10px;
    --input-height: 26px;
    /* Charts */
    --charts-labels-color: #000000;
    --charts-labels-size: 15px;
    --charts-legend-color: #000000;
    --charts-legend-size: 13px;
    --charts-axislines-colors: #000000;
    --charts-gridlines-color: #b8b4b5;
    /* Toast */
    --toast-position-top: 20px;
    --toast-position-right: 20px;
    --toast-z-index: 9999;
    --toast-max-width: 350px;
    --toast-gap: 10px;
    --toast-border-radius: 4px;
    --toast-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    --toast-success-background-color: #f0f9eb;
    --toast-success-border-color: #67c23a;
    --toast-error-background-color: #fef0f0;
    --toast-error-border-color: #f56c6c;
    --toast-border-size: 4px;
    --toast-header-padding-vertical: 12px;
    --toast-header-padding-horizontal: 16px;
    --toast-header-border-bottom-color: rgba(0, 0, 0, 0.05);
    --toast-title-font-weight: 600;
    --toast-title-font-size: var(--main-font-size);
    --toast-time-font-size: 0.85em;
    --toast-time-color: #909399;
    --toast-body-padding-vertical: 12px;
    --toast-body-padding-horizontal: 16px;
    --toast-body-line-height: 1.5;
    --toast-close-font-size: 18px;
    --toast-close-color: #909399;
    --toast-close-opacity: 0.7;
    --toast-close-opacity-hover: 1;
}