/* Custom styles that complement Tailwind */

/* Ensure navbar icon transitions */
#menu-icon {
  transition: opacity 0.2s ease;
}

/* Smooth scroll offset for fixed nav */
section[id] {
  scroll-margin-top: 80px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #faf6ed;
}
::-webkit-scrollbar-thumb {
  background: #d4a864;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #c49045;
}

/* Selection color */
::selection {
  background-color: rgba(196, 112, 75, 0.2);
  color: #1a2744;
}