:root {
    --hud-primary: #1e3a5f;
    --hud-accent: #f08a7a;
    --hud-surface: #ffffff;
    --hud-background: #f7f5f3;
}

.hudozhniki-nav {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.hudozhniki-nav a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    padding: 0.25rem 0;
    border-bottom: 2px solid transparent;
    opacity: 0.85;
}

.hudozhniki-nav a:hover {
    opacity: 1;
}

.hudozhniki-nav a.active {
    opacity: 1;
    border-bottom-color: var(--hud-accent);
}

.hudozhniki-footer {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    padding: 1.5rem 0;
}

.hudozhniki-footer a {
    color: var(--hud-primary);
    text-decoration: none;
    font-weight: 500;
}

.hudozhniki-footer a:hover {
    color: var(--hud-accent);
}