header {
    background-color: var(--color-primary-bg);
}

.menu {
    background-color: var(--color-primary-bg);
    background: var(--color-primary-bg);
}

.content {
    background: var(--color-primary-bg);
    padding: var(--space-md) var(--space-lg);
}

footer {
    background: var(--color-primary-bg);
}

.search-wrapper input {
    background: var(--color-secondary-bg);
    color: var(--color-text-secondary);
    border: 2px solid transparent;
    border-radius: var(--radius-xl);
}

.search-wrapper input:focus {
    border-color: var(--color-primary);
    outline: none;
}

.topline input::placeholder, .search-wrapper input::placeholder, .search-wrapper .search-icon {
    color: var(--color-primary-dark);
}

#sv_on {
    background-color: var(--color-primary-bg);
    color: var(--color-primary-dark);
    border: none;
}

#sv_on svg path {
    fill: var(--color-primary-dark);
}

.menu-item.active.no-highlight {
    background-color: transparent;
    color: var(--color-text-secondary);
}

.menu-item:hover {
    background: var(--color-primary);
    color: var(--color-text-inverse);
    transform: translateX(5px);
}

.menu-item.active {
    background: var(--color-primary);
    color: var(--color-text-inverse);
    font-weight: 700;
}

.menu-button {
    background-color: var(--color-primary-bg);
    border: none;
}

.menu-button-icon rect {
    fill: var(--color-primary-dark);
}

.sidebar-news {
    background: var(--color-primary-bg);
}

@media (max-width: 1023px) {
    .menu-item:hover {
        transform: translateX(8px);
    }
}

@media (max-width: 768px) {
    .content {
        padding: var(--space-md);
    }
}