@import "tailwindcss";
@import "@nuxt/ui";

/* Global overrides for Nuxt UI components */
/*.nuxt-ui-button,
.nuxt-ui-link,
[class*="nuxt-ui-button"],
[class*="nuxt-ui-link"] {
  cursor: default !important;
}*/

/* For UButton and ULink without nuxt-ui classes */
/*button, a {
  cursor: default !important;
}*/

.prose {
  max-width: 65ch;
  margin: 0 auto;
  padding: 1rem;
}

.prose h1 {
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.prose h2 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

/* Remove link styling from headings in Markdown content */
.prose h2 a,
.prose h3 a,
.prose h4 a,
.prose h5 a,
.prose h6 a {
  color: inherit;
  text-decoration: none;
}

.prose h2 a:hover,
.prose h3 a:hover,
.prose h4 a:hover,
.prose h5 a:hover,
.prose h6 a:hover {
  color: inherit;
  text-decoration: none;
}

/* Hide the # link icon that might appear on hover */
.prose h2 a::after,
.prose h3 a::after,
.prose h4 a::after,
.prose h5 a::after,
.prose h6 a::after {
  display: none;
}

.prose p {
  margin-bottom: 1rem;
  line-height: 1.6;
}

.prose a {
  color: #1d4ed8;
  text-decoration: underline;
}

.prose a:hover {
  color: #2563eb;
}

.dark .prose {
  color: #e5e7eb;
}

.dark .prose a {
  color: #60a5fa;
}

.dark .prose a:hover {
  color: #93c5fd;
}