:root {
    --theme-grad-radial: radial-gradient(50% 50% at 50% 50%, #F4F2F2 0%, #ACADB1 100%);
    --theme-grad-linear: linear-gradient(180deg, #F4F2F2 0%, #ACADB1 100%);
    
    --theme-accent: #9C5235;       /* Коричневый для кнопок */
    --theme-accent-hover: #7A3F28; /* Темно-коричневый для наведения */
    --theme-text-dark: #313238;    /* Темный текст */
    --theme-text-white: #FFFFFF;   /* Белый текст */
}

/* --- 1. ШАПКА И МЕНЮ --- */
html body .b-header,
html body .b-menu .menu__sub { 
    background: var(--theme-grad-radial) !important; 
}
html body .b-header-search { background: #F4F2F2 !important; }

html body .b-header *, html body .b-header a, html body .b-header .header__phone,
html body .b-header .header__mail, html body .b-menu .menu__link,
html body .b-menu .menu__sub a, html body .b-header-search .header-search__input,
html body .b-header-search .header-search__link, html body .b-header-search .header-search__result {
    color: var(--theme-text-dark) !important;
    -webkit-text-fill-color: var(--theme-text-dark) !important;
}

html body .b-header-search .header-search__icon svg circle,
html body .b-header-search .header-search__icon svg path,
html body .b-header-search.open .header-search__icon svg circle,
html body .b-header-search.open .header-search__icon svg path,
html body .b-header-search .header-search__close svg rect,
html body .b-city .city-active svg path, html body .b-header svg path, html body .b-header svg circle {
    fill: var(--theme-text-dark) !important;
    stroke: var(--theme-text-dark) !important;
}

/* --- 2. БЛОКИ: Преимущества, О компании (Градиент + Обводка) --- */
html body .b-dark-section, 
html body .b-gray-section, 
html body .b-control .b-sertificates::before {
    background: var(--theme-grad-radial) !important;
    /* Добавляем обводку (Stroke) и скругление, как на скриншоте */
    border: 1px solid rgba(172, 173, 177, 0.4) !important;
    border-radius: 24px !important;
}

html body .b-dark-section *, html body .b-gray-section *, html body .b-gray-section h2, 
html body .b-dark-section h2, html body .b-about .about__title, html body .b-about .about__num,
html body .b-about .about__txt, html body .b-about .about__direction {
    color: var(--theme-text-dark) !important;
}

/* --- 3. ПОДВАЛ --- */
html body .b-footer { 
    background: var(--theme-grad-linear) !important; 
    color: var(--theme-text-dark) !important; 
}
html body .b-footer *, html body .b-footer a, html body .b-footer .footer__title { 
    color: var(--theme-text-dark) !important; 
}

/* --- 4. КНОПКИ --- */
html body .b-btn, html body button, html body input[type="submit"],
html body .b-about .about__btn, html body .b-footer .footer__btn {
    background: var(--theme-accent) !important;
    color: var(--theme-text-white) !important;
    -webkit-text-fill-color: var(--theme-text-white) !important;
    border: none !important;
}

html body .b-btn:hover, html body button:hover, html body input[type="submit"]:hover,
html body .b-about .about__btn:hover, html body .b-footer .footer__btn:hover {
    background: var(--theme-accent-hover) !important;
    color: var(--theme-text-white) !important;
    -webkit-text-fill-color: var(--theme-text-white) !important;
}

/* --- 5. ХОВЕРЫ И АКЦЕНТЫ --- */
html body .b-header a:hover, html body .b-menu .menu__sub a:hover,
html body .b-category .category__title:hover, html body .b-category a:hover, html body .b-footer a:hover {
    color: var(--theme-accent) !important;
    -webkit-text-fill-color: var(--theme-accent) !important;
    background: transparent !important;
}

html body .b-about .about__direction::before {
    background-color: var(--theme-accent) !important;

}

html body .b-benefits .benefits__icon img { 
    filter: sepia(1) hue-rotate(330deg) saturate(3) brightness(0.8) !important; 
}
html body .b-benefits .benefits__item { 
    background: #ffffff !important; 
    border: 1px solid rgba(172, 173, 177, 0.3) !important;
}





html body .b-header-search {
    background: transparent !important;
}

html body .b-header-search .header-search__icon {
    background-color: #ddd !important;
    border-radius: 50% !important;
}

html body .b-header-search .header-search__icon svg circle,
html body .b-header-search .header-search__icon svg path {
    stroke: #000 !important;
    fill: transparent !important;
}

html body .b-header-search.open .header-search__icon svg circle,
html body .b-header-search.open .header-search__icon svg path {
    stroke: #000 !important;
}

html body .b-about .about__direction::before {
    background-color: transparent !important;

}

html body .category__link {
    background-color: #EBEFF5 !important;
    color: #54555C !important;
}

html body .category__link:hover {
    background-color: rgba(145, 70, 43, 0.15) !important;
    color: #91462b !important;
}