/* Предполагается использование SVG-иконок или иконочных шрифтов */
.icon {
    width: 20px;
    height: 20px;
    fill: var(--color-golden-accent); /* Цвет иконки */
    /* Для активных или hover состояний можно менять fill на var(--color-deep-accent) */
}

/* ========================================================================= */
/* 7. Адаптивность (Responsive Design - Пример) */
/* ========================================================================= */

@media (max-width: 768px) {
    .main-content {
        flex-direction: column;
    }
    .sidebar {
        order: -1; /* Переместить сайдбар наверх на мобильных */
        margin-bottom: 20px;
    }
    .navbar ul {
        flex-direction: column;
    }
    .navbar li a {
        text-align: center;
        border-bottom: 1px solid #eee;
    }
}
```

---