:root {
    --pri-color: #36515f;
    --head-color: #16232b;
    --stext-color: #22333c;
    --text-color: #5c6b72;
    --wtext-color: #edf2f4;
    --bg-color: #f4f6f7;
    --box-color: #ffffff;
    --border-color: #d6dee2;
    --wrap-color: #edf1f3;
    --grady-color: #3f5965;
    --headFont: 'Be Vietnam Pro', sans-serif;
    --bodyFont: 'Noto Sans', sans-serif;
    --industry-panel: #243640;
    --industry-panel-soft: #314853;
    --industry-accent: #b9793b;
    --industry-accent-soft: #d8b089;
}

body {
    background: #eef2f4;
    color: var(--text-color);
}

.wrapper {
    background: linear-gradient(180deg, #edf1f3 0%, #f7f8f9 100%);
}

.bs-default .bs-header-main .inner {
    background: transparent;
}

.bs-head-detail,
.bs-default .bs-head-detail,
.bs-menu-full,
.bs-default .navbar-collapse ul {
    background: linear-gradient(90deg, var(--industry-panel) 0%, var(--industry-panel-soft) 100%) !important;
}

.bs-head-detail .top-date,
.bs-head-detail .top-date .time,
.navbar-wp .dropdown-menu.searchinner [type=submit] {
    background: var(--industry-accent) !important;
    color: #fff !important;
}

.site-title a,
.site-description,
.navbar-header .site-title a,
.m-header .site-title a,
.entry-title a,
.bs-widget-title .title,
.widget_block .wp-block-heading,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--head-color);
    font-family: var(--headFont);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.01em;
}

body,
button,
input,
select,
textarea {
    font-family: var(--bodyFont);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.site-title a,
.navbar-header .site-title a,
.m-header .site-title a {
    font-weight: 700;
    line-height: 1.15;
}

.bs-default .navbar-wp .navbar-nav > li > a,
.navbar-wp .navbar-nav > li > a {
    color: #eef2f4 !important;
    letter-spacing: 0.03em;
}

.bs-default .navbar-wp .navbar-nav > li > a:hover,
.bs-default .navbar-wp .navbar-nav > li > a:focus,
.navbar-wp .dropdown-menu > li > a:hover,
.navbar-wp .dropdown-menu > li > a:focus {
    color: #fff !important;
}

.navbar-wp .dropdown-menu,
.navbar-wp .dropdown-menu > li > a {
    background: #fff !important;
    color: var(--head-color) !important;
    border-color: var(--border-color) !important;
}

.wd-back,
.bs-blog-post,
.small-post,
.bs-sidebar .bs-widget,
.bs-widget,
.widget_block .wp-block-group,
.wp-block-search__inside-wrapper,
.post-share-icons {
    background: var(--box-color);
    border: 1px solid var(--border-color);
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(22, 35, 43, 0.06);
}

.bs-blog-post,
.small-post,
.bs-sidebar .bs-widget {
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.bs-blog-post:hover,
.small-post:hover,
.bs-sidebar .bs-widget:hover {
    box-shadow: 0 18px 36px rgba(22, 35, 43, 0.1);
    transform: translateY(-2px);
}

.bs-widget-title,
footer .wp-block-heading {
    border-color: var(--border-color) !important;
}

.bs-widget-title .title:before,
.bs-widget-title .title:after,
.widget_block .bs-widget-title .title:before,
footer .wp-block-heading::before,
footer .divide-line {
    background: var(--industry-accent) !important;
}

.bs-blog-category a,
a.category-color-1,
a.category-color-2,
a.category-color-3,
a.category-color-4 {
    background: #e7edf0 !important;
    color: var(--head-color) !important;
    border: 1px solid #ccd6db;
    border-radius: 999px;
    font-weight: 600;
}

.bs-blog-category a:hover,
.bs-blog-category a:focus {
    background: var(--industry-accent) !important;
    border-color: var(--industry-accent) !important;
    color: #fff !important;
}

.right-nav a,
.subscribe-btn,
.navbar-toggler,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.wp-block-search__button {
    background: var(--industry-panel) !important;
    border-color: var(--industry-panel) !important;
    color: #fff !important;
}

.right-nav a::after {
    background: var(--industry-accent) !important;
}

.right-nav a:hover,
.right-nav a:focus,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.wp-block-search__button:hover,
.wp-block-search__button:focus {
    background: var(--industry-accent) !important;
    border-color: var(--industry-accent) !important;
    color: #fff !important;
}

.switch {
    opacity: 0.72;
}

.switch .slider::before {
    background: var(--industry-panel) !important;
    color: #fff;
}

.bs-social li a i,
.bs-social li .fa,
.bs-social li .fab,
.bs-social li .fa-brands,
.facebook,
.twitter,
.x-twitter,
.linkedin,
.telegram,
.instagram,
.youtube,
.pinterest,
.dribbble,
.whatsapp,
.reddit,
.discord,
.envelope,
.print-r {
    background: var(--industry-panel) !important;
    color: #edf2f4 !important;
    border: 1px solid #52626b;
}

.bs-social li a:hover i,
.bs-social li a:focus i {
    background: var(--industry-accent) !important;
    border-color: var(--industry-accent) !important;
}

a {
    color: var(--pri-color);
}

a:hover,
a:focus {
    color: var(--head-color);
}

input:not([type]),
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"],
input[type="search"],
textarea,
select,
.wp-block-search__input {
    border-color: var(--border-color) !important;
    background: #fff !important;
    color: var(--text-color) !important;
}

input:not([type]):focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="text"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus,
.wp-block-search__input:focus {
    border-color: var(--industry-accent-soft) !important;
    box-shadow: 0 0 0 0.14rem rgba(185, 121, 59, 0.14) !important;
}

.bs .swiper-button-prev,
.bs .swiper-button-next {
    background: var(--industry-panel) !important;
}

.bs .swiper-button-prev:hover,
.bs .swiper-button-next:hover {
    background: var(--industry-accent) !important;
}

.grey-bg {
    background: #eef2f4;
}

footer.footer {
    background: linear-gradient(180deg, #1e2b33 0%, #141d22 100%) !important;
}

footer .bs-widget,
footer .bs-footer-bottom-area {
    background: transparent;
    border: none;
    box-shadow: none;
}

footer .site-title-footer a,
footer .site-title-footer a:hover,
footer .site-description-footer,
footer .site-description-footer:hover,
footer .bs-widget p,
footer .bs-widget h6,
footer .bs-widget ul li a,
footer .wp-block-heading,
footer .bs-footer-copyright p,
footer .bs-footer-copyright a {
    color: #d7e0e4 !important;
}

footer .site-title-footer a {
    color: #f7fafb !important;
}

footer .bs-footer-copyright .bs-footer-overlay-copyright {
    background: #0f171b !important;
}

footer ul.menu li.menu-item:before {
    color: var(--industry-accent);
}

body.dark {
    --pri-color: #89a1ae;
    --head-color: #eff4f6;
    --text-color: #b9c6cc;
    --box-color: #182127;
    --border-color: #2d3a42;
    --wrap-color: #10181d;
    --grady-color: #22333c;
}

body.dark .wrapper,
body.dark footer.footer {
    background: #10181d !important;
}

body.dark .wd-back,
body.dark .bs-blog-post,
body.dark .small-post,
body.dark .bs-sidebar .bs-widget,
body.dark .bs-widget,
body.dark .widget_block .wp-block-group,
body.dark .wp-block-search__inside-wrapper,
body.dark .post-share-icons {
    background: #182127;
    border-color: #2d3a42;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2);
}
