:root {
    --brand-surface: #fcfcfa;
    --brand-surface-strong: #f5f7f3;
    --brand-border-soft: rgba(20, 116, 111, 0.12);
    --brand-shadow-soft: 0 14px 36px rgba(11, 61, 59, 0.08);
}

body {
    color: #243746;
    background: #ffffff;
}

p {
    color: #4f6172;
}

a {
    color: inherit;
}

.section-title {
    color: #0f172a;
}

.header-area {
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    backdrop-filter: blur(12px);
}

.logo a img {
    max-height: 52px;
    width: auto;
}

.main-menu ul li a:not(.header-account-btn):not(.user-menu-trigger) {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #284353;
}

.main-menu ul li.active > a,
.main-menu ul li a:hover {
    color: var(--color-primary);
}

.navbar-toggler i,
.mobile-nav li a,
.nav-link-custom,
.dropdown-item:hover,
.dropdown-item.text-danger:hover {
    color: var(--color-primary);
}

.nav-link-custom:hover,
.nav-link-custom.active {
    background-color: #e7f4f1;
    color: var(--color-primary-dark);
}

.header-account-btn,
.btn-primary,
.common-btn-sm,
.submit-btn,
.dashboard-submit-btn,
.small-btn,
.cta-button {
    border-radius: 12px;
}

.small-btn,
.add-review-btn,
.common-btn {
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
    border-color: var(--color-primary);
    color: #fff;
}

.small-btn:hover,
.add-review-btn:hover,
.common-btn:hover {
    background: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));
    border-color: var(--color-primary-dark) !important;
    color: #fff !important;
}

.profile-avatar,
.avatar-circle,
.welcome .avatar-letter,
.navbar .avatar-letter {
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
}

.user-menu .user-dropdown-menu {
    border-top-color: var(--color-primary-light);
}

.user-menu-trigger:hover .user-menu-avatar-sm,
.seo-helper:hover {
    background: rgba(var(--color-primary-rgb), 0.1);
}

.footer-bg {
    background: linear-gradient(180deg, var(--color-primary-light) 0%, var(--color-primary) 100%);
}

.copyright-area {
    background: var(--color-primary-dark);
}

.footer-form button:hover {
    background: var(--color-primary-dark);
    border-color: var(--color-primary-dark);
}

.copyright-text > p a:hover,
.health-content a:hover,
.blog-icon a:hover,
.copy-text a:hover,
.help-text,
.common-link,
.cs-readmore-btn,
.reviews .common-link {
    color: var(--color-primary);
}

.btn-search::before {
    background-color: var(--color-accent);
}

.btn-search:hover {
    color: #1f2937 !important;
}

.btn-cancel:hover {
    background-color: #edf6f3;
}

.register-info-panel,
.auth-panel-gradient,
.auth-side-panel {
    background: linear-gradient(180deg, var(--color-primary-dark) 0%, var(--color-primary) 52%, var(--color-primary-light) 100%) !important;
}

.login-form input:focus,
.contact-form input:focus,
.contact-form select:focus,
.respond-form input:focus,
.respond-form textarea:focus,
.form-control:focus {
    border-color: rgba(var(--color-primary-rgb), 0.45);
    box-shadow: 0 0 0 0.18rem rgba(var(--color-primary-rgb), 0.12);
}

.search-form,
.empty-card,
.no-videos,
.testimonial-card,
.respond-area,
.team-info {
    box-shadow: var(--brand-shadow-soft);
}

.search-form button,
.respond-form button {
    background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
    border-color: var(--color-primary);
    color: #fff;
}

.search-form button:hover,
.respond-form button:hover {
    background: var(--color-primary-dark);
}

a#scrollUp,
.counter-icon i {
    background: var(--color-primary);
}

.seo-helper {
    color: var(--color-primary);
    background: rgba(var(--color-primary-rgb), 0.08);
    border-left-color: var(--color-primary);
}

.seo-helper i {
    color: var(--color-primary-light);
}

.home-subcategory-selection .select2-selection__choice {
    background: #e6f4f1 !important;
    border-color: #bdded9 !important;
    color: #134e4a !important;
}

.home-subcategory-dropdown .select2-results__group {
    color: #4b635f;
    background: #edf6f3;
}

@media (max-width: 992px) {
    .main-menu ul li a:not(.header-account-btn):not(.user-menu-trigger) {
        font-size: 13px;
        letter-spacing: 0.06em;
    }
}