/* Custom styles for AssociationGroupHubPro */

/* ============================================ */
/* LIGHT MODE */
/* ============================================ */

/* Light mode styling is now handled by the palette in ThemeService.cs */

/* ============================================ */
/* DARK MODE */
/* ============================================ */

/* Dark mode: Default gray text */
.mud-theme-dark .mud-drawer .mud-nav-link {
    color: #E0E0E0 !important;
}

/* Dark mode: Active links in orange */
.mud-theme-dark .mud-drawer a[aria-current="page"] {
    background-color: rgba(255, 140, 97, 0.2) !important;
    color: #FF8C61 !important;
    font-weight: 500 !important;
}

/* Dark mode: Icons gray */
.mud-theme-dark .mud-drawer .mud-icon-root {
    color: #B0B0B0 !important;
}

/* Dark mode: Active icons orange */
.mud-theme-dark .mud-drawer a[aria-current="page"] .mud-icon-root {
    color: #FF8C61 !important;
}

/* Dark mode: Hover effect */
.mud-theme-dark .mud-drawer .mud-nav-link:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}