:root {
    --page-bg: #F9FAFC;
    --main-color: #FF5667;
    --main-color-dark: #D94F5D;
    --attr-hit-bg: #FFC98F;
    --primary-bg: #F5F7F8;
    --disabled-btn-bg: rgba(34, 34, 34, 0.1);
    --text-color: #222222;
    --light-text-color: rgba(34, 34, 34, 0.5);
    --breadcrumbs-color: rgba(0, 0, 0, 0.2);
    --orange-color: #FAC00D;
    --card-bg: #FFFFFF;
    --card-border-radius: 14px;
    --promo-card-img-radius: 14px;
    --card-shadow: 0px 7px 30px rgba(0, 0, 0, 0.15);
    --card-border: 1px solid rgba(0, 0, 0, 0.1);
    --card-padding: 14px;
    --product-card-width: 238px;
    --product-card-height: 399px;
    --fixed-header-bg: #FFFFFF;
    --short-transition: 0.2s ease all;
    --long-transition: 0.5s ease all;
    --sidebar-transition: 0.4s ease all;
    --dropdown-menu-bg: #F9FAFC;
    --dropdown-menu-shadow: 0px 7px 30px rgba(0, 0, 0, 0.15);
    --dropdown-menu-border-radius: 14px;
    --menu-card-bg: #FFFFFF;
    --menu-card-border-radius: 14px;
    --menu-card-shadow: 0px 7px 30px rgba(0, 0, 0, 0.15);
    --menu-card-border: 1px solid rgba(0, 0, 0, 0.1);
    --light-font: "Gilroy Light", sans-serif;
    --bold-font: "Gilroy SemiBold", sans-serif;
    --regular-font: "Gilroy Regular", sans-serif;
    --sidebar-width: 320px;
    --small-sidebar-width: 100px;
    --sidebar-icons-width: 24px;
    --sidebar-icons-height: 24px;
    --sidebar-bg-color: #1B1C1E;
    --sidebar-menu-item-color: #FFFFFF;
    --admin-header-bg-color: #FFFFFF;
    --input-border-color: rgba(34, 34, 34, 0.1);
    --def-input-height: 42px;
    --def-button-height: 42px;
    --admin-btn-bg: #FF5667;
    --admin-btn-hover-bg: #FF8B85;
    --admin-header-height: 120px;
    --checkbox-width: 18px;
    --a-not-checked-color: #D2D4D9;
    --warning-bg: rgba(227, 172, 30, 0.2);
    --warning-border: #E3AC1E;
    --info-bg: rgba(4, 197, 255, 0.1);
    --info-border: #04C5FF;
    --error-bg: rgba(240, 69, 57, 0.2);
    --error-border: #F04539;
    --success-bg: rgba(135, 203, 26, 0.2);
    --success-border: #87CB1A;
    --def-padding: 10px;
    --def-margin: 7px;
    --link-color: #2A5885;
    --link-color-hover: #4785C1;
    --table-head-bg: #F9FAFC;
    --desktop-content-width: 1280px;
    --tablet-content-width: 790px;
    --mobile-content-width: calc(100% - 30px);
    --add-btn-bg: #FFFFFF;
    --add-btn-text-color: #FF5667;
    --add-btn-hover-color: #FF5667;
    --add-btn-hover-text-color: #FFFFFF;
    --add-btn-width: 106px;
    --groups-scroll-height: 36px;
    --scale: 1.4;
    --cart-width: 484px;
    --mobile-cart-width: 100%;
    --detail-page-content-m: 404px;
    --detail-page-content-s: 300px;
    --tablet-min-width: 769px;
    --tablet-max-width: 1320px;
    --mobile-max-width: 768px;
    --mobile-min-width: 320px;
}