:root {
    --primary-color: {{ theme.primary_color }};
    --secondary-color: {{ theme.secondary_color }};
}

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

.navbar a:hover {
    background-color: var(--secondary-color);
}

/* Update other components (sidebar, buttons, etc.) similarly */