/* Navbar hover + active 調整為 orange */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: var(--orange-500) !important;
}


/* brand.css: enforce true orange-500 scale regardless of previous replacements */
:root{
  --orange-400: #fb923c;
  --orange-500: #f97316;
  --orange-600: #ea580c;
  --orange-700: #c2410c;
  --orange-500-10: rgba(249,115,22,0.10);
  --orange-500-20: rgba(249,115,22,0.20);
  --orange-500-70: rgba(249,115,22,0.70);
}
.text-orange-400{ color: var(--orange-400) !important; }
.text-orange-500{ color: var(--orange-500) !important; }
.text-orange-600{ color: var(--orange-600) !important; }
.text-orange-700{ color: var(--orange-700) !important; }

.bg-orange-400{ background-color: var(--orange-400) !important; }
.bg-orange-500{ background-color: var(--orange-500) !important; }
.bg-orange-600{ background-color: var(--orange-600) !important; }
.bg-orange-700{ background-color: var(--orange-700) !important; }

.border-orange-500{ border-color: var(--orange-500) !important; }
.ring-orange-500{ --tw-ring-color: var(--orange-500) !important; }

/* Opacity utilities often used */
.bg-orange-500\/5{ background-color: rgba(249,115,22,0.05) !important; }
.bg-orange-500\/10{ background-color: rgba(249,115,22,0.10) !important; }
.bg-orange-500\/20{ background-color: rgba(249,115,22,0.20) !important; }
.text-orange-500\/70{ color: rgba(249,115,22,0.70) !important; }

/* Hover / focus variants */
.hover\:bg-orange-500:hover{ background-color: var(--orange-500) !important; color:#fff !important; }
.hover\:bg-orange-600:hover{ background-color: var(--orange-600) !important; color:#fff !important; }
.hover\:text-orange-500:hover{ color: var(--orange-500) !important; }
.focus\:ring-orange-500:focus{ --tw-ring-color: var(--orange-500) !important; }

/* Gradients used in template */
.bg-gradient-to-tl.to-orange-500\/20{ background-image: linear-gradient(to top left, var(--tw-gradient-from), rgba(249,115,22,0.20)) !important; }
.bg-gradient-to-b.from-orange-400.to-orange-500{ background-image: linear-gradient(to bottom, var(--orange-400), var(--orange-500)) !important; }

.shadow-orange-500\/10{ box-shadow: 0 1px 2px 0 rgba(249,115,22,0.10), 0 1px 3px 1px rgba(249,115,22,0.10) !important; }