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

.header {
    background: white;
    border-bottom: 1px solid var(--border);
}

.navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    max-width: 1280px;
}

.main-logo,
.navigation-item > summary,
.navigation-item ul > li {
    padding: 8px 16px;
}

.main-logo:hover,
.navigation-item summary:hover,
.navigation-item ul > li:hover {
    background: var(--hover-color);
}