:root {
    --border-radius: 6px;
}

html {
    --base: #007cb9; /* меню, футер */
    --baseDarken: #006ba0; /* меню активное */
    --accent: #fc0; /* выделение, активное, важное, кнопки в шапке */
    --accentInverse: #444;
    --accent-lighten: #fff5cc; /* выделение светлое */
    --background: #ececfb; /* светлый фон */
    --button: #02a0e3; /* кнопка */
    --button-font: #fff; /* шрифт кнопки */
    --font: #444; /* шрифт */
    --link: #007cb9; /* ссылка */
    --link-hover: #006ba0; /* ссылка при наведении */
    --font-inverse: #fff; /* шрифт на основном цвете */
    --sliderTitleBg: rgba(45, 178, 159, 0.7);
    --sliderDescrBg: rgba(0, 124, 185, 0.7);
}

html.theme-dark_matter {
    --base: #535a6c; /* меню, футер */
    --baseDarken: #3b4354; /* меню активное */
    --accent: #ff706d; /* выделение, активное, важное, кнопки в шапке */
    --accentInverse: #fff;
    --accent-lighten: #f1adb3; /* выделение светлое */
    --background: #ececfb; /* светлый фон */
    --button: #02a0e3; /* кнопка */
    --button-font: #fff; /* шрифт кнопки */
    --font: #444; /* шрифт */
    --link: #ff706d; /* ссылка */
    --link-hover: #ff706d; /* ссылка при наведении */
    --font-inverse: #fff; /* шрифт на основном цвете */
    --sliderTitleBg: rgba(45, 178, 159, 0.7);
    --sliderDescrBg: rgba(0, 124, 185, 0.7);
}

html.theme-pudding {
    --base: #5b294b; /* меню, футер */
    --baseDarken: rgb(110, 56, 93); /* меню активное */
    --accent: #e74a61; /* выделение, активное, важное, кнопки в шапке */
    --accentInverse: #fff;
    --accent-lighten: #f1adb3; /* выделение светлое */
    --background: #ececfb; /* светлый фон */
    --button: #e74a61; /* кнопка */
    --button-font: #fff; /* шрифт кнопки */
    --font: #444; /* шрифт */
    --link: #aa405c; /* ссылка */
    --link-hover: #ff706d; /* ссылка при наведении */
    --font-inverse: #fff; /* шрифт на основном цвете */
    --sliderTitleBg: rgba(91, 41, 75, 0.7);
    --sliderDescrBg: rgba(251, 208, 126, 0.7);
}

html.theme-pinky_girly {
    --base: #f66a61; /* меню, футер */
    --baseDarken: rgb(223, 85, 75); /* меню активное */
    --accent: #fcad26; /* выделение, активное, важное, кнопки в шапке */
    --accentInverse: #333;
    --accent-lighten: #fff5cc; /* выделение светлое */
    --background: #ececfb; /* светлый фон */
    --button: #e74a61; /* кнопка */
    --button-font: #fff; /* шрифт кнопки */
    --font: #444; /* шрифт */
    --link: #aa405c; /* ссылка */
    --link-hover: #ff706d; /* ссылка при наведении */
    --font-inverse: #fff; /* шрифт на основном цвете */
    --sliderTitleBg: rgba(246, 106, 97, 0.7);
    --sliderDescrBg: rgba(51, 51, 51, 0.7);
}

html.theme-broccoli {
    --base: #17544f; /* меню, футер */
    --baseDarken: #003d39; /* меню активное */
    --accent: #f7be3a; /* выделение, активное, важное, кнопки в шапке */
    --accentInverse: #333;
    --accent-lighten: #fff5cc; /* выделение светлое */
    --background: #fdfaf2; /* светлый фон */
    --button: #f7ad00; /* кнопка */
    --button-font: #333; /* шрифт кнопки */
    --font: #444; /* шрифт */
    --link: #17544f; /* ссылка */
    --link-hover: #17544f; /* ссылка при наведении */
    --font-inverse: #fff; /* шрифт на основном цвете */
    --sliderTitleBg: rgba(252, 173, 38, 0.7);
    --sliderDescrBg: rgba(0, 84, 79, 0.7);
}

html.theme-dream {
    --base: #3aabe3; /* меню, футер */
    --baseDarken: #005c7a; /* меню активное */
    --accent: #fcad26; /* выделение, активное, важное, кнопки в шапке */
    --accentInverse: #fff;
    --accent-lighten: #fff5cc; /* выделение светлое */
    --background: #f5f5f5; /* светлый фон */
    --button: #48b29f; /* кнопка */
    --button-font: #fff; /* шрифт кнопки */
    --font: #444; /* шрифт */
    --link: #007cb9; /* ссылка */
    --link-hover: #006ba0; /* ссылка при наведении */
    --font-inverse: #fff; /* шрифт на основном цвете */
    --sliderTitleBg: rgba(252, 173, 38, 0.7);
    --sliderDescrBg: rgba(0, 170, 225, 0.7);
}

html.theme-toad {
    --base: #47b89f; /* меню, футер */
    --baseDarken: #2b6e60; /* меню активное */
    --accent: #0d2f41; /* выделение, активное, важное, кнопки в шапке */
    --accentInverse: #fff;
    --accent-lighten: #eaf3f3; /* выделение светлое */
    --background: #eaf3f3; /* светлый фон */
    --button: #0d2f41; /* кнопка */
    --button-font: #333; /* шрифт кнопки */
    --font: #444; /* шрифт */
    --link: #17544f; /* ссылка */
    --link-hover: #17544f; /* ссылка при наведении */
    --font-inverse: #fff; /* шрифт на основном цвете */
    --sliderTitleBg: rgba(13, 47, 65, 0.7);
    --sliderDescrBg: rgba(71, 184, 159, 0.7);
}

html.theme-algae {
    --base: #222837; /* меню, футер */
    --baseDarken: #389fb4; /* меню активное */
    --accent: #3ebc56; /* выделение, активное, важное, кнопки в шапке */
    --accentInverse: #fff;
    --accent-lighten: #eaf3f3; /* выделение светлое */
    --background: #eaf3f3; /* светлый фон */
    --button: #3ebc56; /* кнопка */
    --button-font: #fff; /* шрифт кнопки */
    --font: #444; /* шрифт */
    --link: #17544f; /* ссылка */
    --link-hover: #17544f; /* ссылка при наведении */
    --font-inverse: #fff; /* шрифт на основном цвете */
    --sliderTitleBg: rgba(62, 188, 86, 0.7);
    --sliderDescrBg: rgba(34, 40, 55, 0.7);
}

html.theme-tuxedo {
    --base: #ecf0f1; /* меню, футер */
    --baseDarken: #a1b9ce; /* меню активное */
    --accent: #1d99dc; /* выделение, активное, важное, кнопки в шапке */
    --accentInverse: #fff;
    --accent-lighten: #eaf3f3; /* выделение светлое */
    --background: #ecf0f1; /* светлый фон */
    --button: #1d99dc; /* кнопка */
    --button-font: #fff; /* шрифт кнопки */
    --font: #444; /* шрифт */
    --link: #1d99dc; /* ссылка */
    --link-hover: #1d99dc; /* ссылка при наведении */
    --font-inverse: #333; /* шрифт на основном цвете */
    --sliderTitleBg: rgba(29, 153, 220, 0.7);
    --sliderDescrBg: rgba(43, 63, 81, 0.7);
}

.theme-tuxedo .slogan__title,
.theme-tuxedo .contacts__phone a,
.theme-tuxedo .wr_nav-top > ul > li > a,
.theme-tuxedo .team__name,
.theme-tuxedo .news__title a,
.theme-tuxedo .nav-top__allcountry a,
.theme-tuxedo a,
.theme-tuxedo .reviewlast__name_main,
.theme-tuxedo .search__label,
.theme-tuxedo .back-to-top {
    color: #444;
}

html.theme-cocktail {
    --base: #68c7dc; /* меню, футер */
    --baseDarken: #2b9cb6; /* меню активное */
    --accent: #e56b6c; /* выделение, активное, важное, кнопки в шапке */
    --accentInverse: #fff;
    --accent-lighten: #eaf3f3; /* выделение светлое */
    --background: #f6f6f6; /* светлый фон */
    --button: #e56b6c; /* кнопка */
    --button-font: #fff; /* шрифт кнопки */
    --font: #444; /* шрифт */
    --link: #1d99dc; /* ссылка */
    --link-hover: #1d99dc; /* ссылка при наведении */
    --font-inverse: #fff; /* шрифт на основном цвете */
    --sliderTitleBg: rgba(229, 107, 108, 0.7);
    --sliderDescrBg: rgba(104, 199, 220, 0.7);
}
.theme-cocktail .wr_nav-top > ul > li > ul > li > a,
.theme-cocktail .nav-top__wr > ul > li > a,
.theme-cocktail .wr_nav-top > ul > li > a,
.theme-cocktail .wr_nav-top > ul > li > a:hover,
.theme-cocktail .wr_nav-top > ul > li.current a,
.theme-cocktail .wr_nav-top > ul > li {
    color: #fff;
}
