/*
 * Application-specific styles
 *
 * Tailwind CSS is loaded separately via tailwind.css
 */

/* Font family classes - override Tailwind defaults */
.font-heading {
  font-family: 'Space Grotesk', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-body {
  font-family: 'Inter', sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-mono {
  font-family: 'JetBrains Mono', monospace !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Apply antialiased to entire body for consistent rendering */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Dropdown menu item hover state - matches design system */
.hover\:bg-slate-700:hover {
  background-color: rgb(51 65 85);
}