:root {
    --wiki-primary: #F59FAD;
}

body {
    background-image: url("../assets/bg.jpg");
}

.btn_icon_arrow::after,
.btn_icon_arrow::before {
    background-image: url("../assets/arrow_to_right.svg");
}

.btn_icon_random::after,
.btn_icon_random::before {
    background-image: url("../assets/random.svg");
}

#header,
#footer {
    background-color: #312227;
}

.header_logo {
    background-image: url("../assets/logo.svg");
}

.header_server_menu {
    border-color: #552733;
}

#dropdown-language {
    border-color: #552733;
}

#dropdown-language:hover {
    background-color: #552733;
}

.dropdown-menu {
    background-color: #3B2328;
    border-color: #552733;
}

.header_button {
    background-color: #4A2D33;
    border-color: #F59FAD;
}

.header_button:hover {
    background-color: #663B42;
    border-color: #F59FAD;
}

.search_field_input {
    background-color: #3B2328;
}

.search_field_input:hover {
    background-color: #4A2D33;
}

.search_field_button {
    background-color: #392025;
    border-color: #552733;
}

#main::before {
    background-image: url("../assets/bg_top.png");
}

#main {
    background: #24181AE5;
}

.side_bg {
    background-image: url("../assets/sides.png");
}

.cube_bg::before,
.cube_bg::after {
    background-image: url("../assets/wall.png");
}

.gigants::before,
.gigants::after {
    background-image: url("../assets/gigant_r.png");
}

.gigants::after {
    transform: scaleX(-1);
}

.main_search_button,
.popup_search_button {
    background-color: #4A2D33;
    border-color: #F59FAD;
}

.main_search_button:hover,
.popup_search_button:hover {
    background-color: #663B42;
    border-color: #F59FAD;
}

.calendar_wrapper {
    background-color: #3B2328;
    border-color: #552733;
}

.calendar_event {
    background-color: #392025;
    border-color: #552733;
}

.calendar_event:hover {
    background-color: #663B42;
    border-color: #904458;
}

.calendar_data .ps__rail-x {
    background-color: #331e22;
}

.calendar_data .ps__thumb-x {
    background-color: #4f2e35;
}

.search_wrapper {
    background-color: #3B2328;
    border-color: #552733;
}

.main_search_input {
    background-color: transparent;
}

.search_item {
    border-color: #552733;
}

.search_item:hover {
    background-color: #552733;
}

.search_item.check .search_body {
    background-color: #663B42;
    border-color: #3B2328;
}

.search_item.check .close_but {
    background-color: #552733;
}

.main_search_drop {
    background-color: #3B2328;
    border-color: #552733;
}

.sub__search-field .form-control {
    background-color: #3B2328;
}

.main_switches {
    background-color: #3B2328;
    border-color: #552733;
}

.main_switch {
    background: #4D363C66;
}

.main_switch:hover,
.main_switch.active {
    background: #F59FAD1F;
}

.types_part {
    background-color: #3B2328;
    border-color: #552733;
}

.types_category_item {
    background-color: #392025;
    border-color: #552733;
}

.types_category_item:hover {
    background-color: #663B42;
    border-color: #904458;
}

.types_category_item::after {
    background-image: url("../assets/arrow_to_right.svg");
}

.article::after {
    background: linear-gradient(180deg, rgba(43, 20, 26, 0) 36.06%, rgba(43, 20, 26, 0.9) 100%),
    linear-gradient(180deg, rgba(43, 20, 26, 0) 36.06%, rgba(43, 20, 26, 0.9) 100%)
}

.random_button,
.articles_button {
    background-color: #4A2D33;
    border-color: #F59FAD;
}

.random_button:hover,
.articles_button:hover {
    background-color: #663B42;
    border-color: #F59FAD;
}

.nav_link,
.nav-link {
    background-color: #4A2D33;
}

.nav_link.active,
.nav-link.active,
.nav_link:hover,
.nav-link:hover {
    background-color: #663B42;
}

.find_filter {
    background-color: #4A2D33;
}

.find_filter.active {
    background: #663B42;
}

.find_select {
    background-color: #663B42;
    border-color: #F59FAD;
}

.pagination .active a {
    background-color: #663B42;
}

.find_items {
    background-color: #3B2328;
    border-color: #552733;
}

.item_part {
    background-color: #3B2328;
    border-color: #552733;
}

.stat_line {
    border-color: #552733;
}

.article_category {
    background-color: #3B2328;
    border-color: #552733;
}

.article_category.active {
    background-color: #4A2D33;
    border-color: #F59FAD;
}

.article_category:hover {
    background-color: #4A2D33;
}

#article-menu-toggler {
    background-color: #3B2328;
    border-color: #552733;
}

#article-menu-content {
    background-color: #3B2328;
    border-color: #552733;
}

.article-menu-heading:hover,
.article-menu-heading.active {
    color: #F59FAD;
}

.article-section {
    border-color: #552733;
}

.article_part {
    background-color: #3B2328;
    border-color: #552733;
}

.article_part .alarm {
    background-color: #663B42;
    border-color: #904458;
}

.article_part h2 {
    border-color: #552733;
}

details {
    background-color: #663B42;
}

details[open] summary {
    border-color: #552733;
}

.table th,
.table td {
    border-color: #552733 !important;
}

hr {
    border-color: #552733;
}

.flex-cell {
    border-color: #552733;
}

.races_nav > .nav_link {
    background-color: #3B2328;
    border-color: #552733;
}

.races_nav > .nav_link.active {
    background-color: #663B42;
    border-color: #904458;
}

.race_class {
    background-color: #3B2328;
    border-color: #904458;
}

.race_class:hover {
    background-color: #663B42;
}

#class_level_pickers {
    border-color: #552733;
}

.accordion {
    background-color: #663B42;
    border-color: #904458;
}

.accordion-body {
    border-color: #904458;
}

.all_skill_tabs .nav_link.active {
    background-color: #663B42;
    border-color: #904458;
}

#class_stat_container {
    border-color: #904458;
}

.class_stat_progress {
    background-color: #663B42;
}

.class_stat_progress_value {
    background-color: #904458;
}

.class_image::after {
    background: radial-gradient(50% 50% at 50% 50%, rgba(144, 68, 88, 0.10) 0%, rgba(144, 68, 88, 0.00) 100%)
}