.nav-link {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  color: rgb(148 163 184); /* slate-400 */
  transition: color 0.15s, background-color 0.15s;
}
.nav-link:hover {
  color: white;
  background-color: rgb(30 41 59); /* slate-800 */
}
.nav-active {
  color: rgb(251 146 60); /* orange-400 */
}
.btn-primary {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 1.5rem;
  background-color: rgb(249 115 22); /* orange-500 */
  color: rgb(2 6 23); /* slate-950 */
  font-weight: 600;
  border-radius: 0.5rem;
  transition: background-color 0.15s;
}
.btn-primary:hover {
  background-color: rgb(234 88 12); /* orange-600 */
}