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

/* Offset anchor scroll for sticky header (h-16 = 64px + 16px breathing room) */
.prose :is(h1, h2, h3, h4, h5, h6) {
  scroll-margin-top: 5rem;
}

/* Code blocks: always dark regardless of color mode.
   ProsePre wrapper owns the background (#0d1117).
   Target pre span directly — .shiki class is absent when ProsePre overrides <pre>. */
.shiki, pre span {
  color: var(--shiki-dark) !important;
  background-color: transparent !important;
  font-style: var(--shiki-dark-font-style) !important;
  font-weight: var(--shiki-dark-font-weight) !important;
  text-decoration: var(--shiki-dark-text-decoration) !important;
}

@theme {
  --color-brand-50: #f0faf0;
  --color-brand-100: #dcf3dc;
  --color-brand-200: #bbe8bb;
  --color-brand-300: #8dd98d;
  --color-brand-400: #a3d6a3;
  --color-brand-500: #85cb85;
  --color-brand-600: #5aaa5a;
  --color-brand-700: #3f8c3f;
  --color-brand-800: #2e6b2e;
  --color-brand-900: #1f4f1f;
  --color-brand-950: #122d12;
}