Veo que el sidebar usa colores --gold-400 que son dorados pero puede parecer muy similar. Voy a ajustarlo para usar tonos mas ambar/cobre que son distinguibles pero complementan el dorado principal:

He ajustado la paleta de colores del sidebar usando tonos ambar/cobre (#c28b2e, #a46e1f, #88551c) que son parte de la misma familia dorada pero mas oscuros y terrosos, distinguibles del dorado brillante principal (#d4a853). El fondo ahora usa un tono marron oscuro calido (#1c1510), la barra de progreso tiene un degradado ambar con brillo sutil, los estados activos usan tonos cobre con sombras internas, y el boton de llamada es ahora un CTA con gradiente ambar solido que destaca pero armoniza con el tema.

Voy a cambiar los colores ambar/cobre a los dorados principales de la paleta pero usando diferentes opacidades y efectos de glass para que sea distinguible pero armonioso:

He actualizado el sidebar para usar exactamente los colores dorados principales de la paleta (--gold-300, --gold-400, --gold-500) con diferentes niveles de opacidad para crear distincion visual. El fondo usa --dark-800, la barra de progreso tiene un degradado dorado con glow sutil, los elementos activos usan opacidades mas altas del dorado, y el boton CTA es dorado solido. Todo mantiene la coherencia con el tema principal pero el sidebar se distingue por sus efectos de transparencia y blur.