:root {
    /* bg */
    --header-bg-gradient: radial-gradient(85.82% 373.03% at 45.83% 192.13%, #74FFC4 0%, #008C95 100%);
    
    /* Кнопки навигации */
    --nav-btn-text-color: #ffffff;
    --nav-btn-font-weight: 600;
    --nav-btn-line-height: 1.5;
    --nav-btn-font-size: 13px;
    --nav-btn-padding: 24px;
    --nav-btn-margin-right: 24px;

    /* Кнопка поиска */
    --search-btn-size: 40px;
    --search-btn-border-radius: 100px;
    --search-btn-bg-color: rgba(0, 140, 149, 1);
    --search-btn-border: 0;
    
    /* Карточки категорий */
    --nav-btn-text-color: #ffffff;
    --nav-btn-font-weight: 600;
    --nav-btn-line-height: 1.5;
    --nav-btn-font-size: 13px;

    /* Main container */
    --main-container-padding-sm: 44px 16px 57px 16px;
    --main-container-padding-md: 36px 24px 100px 24px;
    --main-container-padding-lg: 55px 64px 128px 64px;
    --main-container-gap: 32px;

    /* Body and HTML */
    --body-html-font-family: 'Montserrat', sans-serif;
    --body-html-box-sizing: border-box;
    --body-html-margin: 0;
    --body-html-padding: 0;
    --body-html-height: 100%;
    --body-html-display: flex;
    --body-html-flex-direction: column;
    --body-html-justify-content: space-between;

    /* Anchor */
    --anchor-text-decoration: none;

    /* Media Query Variables */
    --header-container-padding-md: 32px 40px;
    --header-container-padding-sm: 24px 16px;
    --header-padding-sm: 32px 40px;
    --header-padding-xs: 16px 24px;
    --header-margin-bottom-sm: 24px;
    --header-search-margin-top-sm: 24px;
    --header-search-input-width-md: calc(100% - 74px);
    --header-logotype-margin-right-sm: 10px;
    --header-logotype-margin-right-md: 40px;
    --header-logotype-margin-right-lg: 69px;
    --header-nav-button-margin-left-sm: 10px;
    --popup-top-sm: 40%;
    --popup-right-sm: 40px;
    --header-padding: 32px 64px;
    --header-border-radius: 0px 0px 16px 16px;
    --header-search-max-width: 600px;
    --header-search-input-width: calc(100% - 74px);
    --header-search-input-padding: 15px 0px 15px 80px;
    --header-search-placeholder-color: rgba(0, 140, 149, 1);
    --header-search-text-color: rgba(111, 111, 111, 1);
    --header-nav-button-margin-left: 40px;
    --header-nav-item-margin-right: 24px;

    /* Footer Variables */
    --footer-bg-color: #00313C;
    --footer-padding: 64px;
    --footer-nav-button-margin-left: 40px;
    --footer-nav-buttons-gap: 32px;
    --footer-separator-margin-bottom: 32px;
    --footer-text-font-size: 12px;
    --footer-text-font-weight: 400;
    --footer-text-color: white;
    --footer-anchor-width: 56px;
    --footer-anchor-height: 56px;
    --footer-anchor-bg-color: #008C95;
    --footer-anchor-border-radius: 100%;
    --footer-anchor-top: -28px;
    --footer-anchor-right: 64px;
    --footer-nav-item-margin-right: 24px;

    /* Advertising Container */
    --advertising-container-max-width: 304px;
    --advertising-container-width: 30%;

    /* Colors */
    --color-black: rgba(0, 0, 0, 1);
    --color-dark-blue: rgba(0, 49, 60, 1);
    --color-light-gray: rgba(208, 208, 208, 1);
    --color-medium-gray: rgba(111, 111, 111, 1);
    --color-light-gray: lightgray; /* добавлено для звезд */
    --color-star-checked: rgba(253, 90, 66, 1); /* добавлено для проверенных звезд */
}