/* Docs template — design tokens + Tailwind. `@voltro/ui-shadcn/tokens.css`
 * pulls Tailwind + the shadcn palette + the @theme mapping. */

@import "@voltro/ui-shadcn/tokens.css";

/* Scan THIS app's source so utility classes used only here (not in
 * the kit) get generated. The kit declares its own @source for its
 * files; once an explicit @source is in play, Tailwind v4's vite
 * auto-detect doesn't fire — every consumer needs to declare its
 * own scan target. */
@source "./**/*.{tsx,ts,jsx,js}";

html, body { min-height: 100vh; }

/* Prose typography for rendered markdown. The DocShell composition
 * already applies Tailwind's `prose prose-invert` to the <main>;
 * this block tunes specifics for the docs catalogue. */
.docs-prose h1 { font-size: 2rem; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 1rem; color: var(--foreground); }
.docs-prose h2 { font-size: 1.4rem; font-weight: 600; margin: 2rem 0 0.75rem; color: var(--foreground); }
.docs-prose h3 { font-size: 1.1rem; font-weight: 600; margin: 1.5rem 0 0.5rem; color: var(--foreground); }
.docs-prose p  { margin: 0.5rem 0; line-height: 1.6; color: var(--muted-foreground); }
.docs-prose a  { color: var(--primary); text-decoration: underline; }
.docs-prose code { background: var(--muted); padding: 2px 4px; border-radius: 3px; font-size: 0.85em; }
.docs-prose pre { background: oklch(0.18 0.005 280); padding: 1rem; border-radius: 6px; overflow-x: auto; margin: 1rem 0; }
.docs-prose pre code { background: transparent; padding: 0; }
.docs-prose ul { margin: 0.5rem 0; padding-left: 1.5rem; }
.docs-prose li { margin: 0.25rem 0; color: var(--muted-foreground); }

.docs-prose h2 .anchor,
.docs-prose h3 .anchor { opacity: 0; margin-right: 0.5rem; color: var(--muted-foreground); text-decoration: none; }
.docs-prose h2:hover .anchor,
.docs-prose h3:hover .anchor { opacity: 1; }