:root {
  --orange: 55 85% 45%;
  --orange-foreground: 0 0% 98%;
  --orange-light: 55 80% 70%;
  --orange-dark: 55 90% 35%;
}

[aria-selected="true"] {
    color: hsl(var(--orange)) !important;
}


/* Smooth transitions */
#mobile-menu {
  transition: all 0.3s ease-in-out;
}

/* Hamburger animation */
#mobile-menu-button svg {
  transition: transform 0.3s ease-in-out;
}

/* Optional: Overlay pre zatvorenie menu kliknutím mimo */
.mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 40;
}