export declare const SHADCN_THEME_STYLE_ID = "htmdx-shadcn-theme"; export declare const shadcnThemeCss = "\n@custom-variant dark (&:is(.dark *));\n\n@theme inline {\n --color-background: var(--background);\n --color-foreground: var(--foreground);\n --color-card: var(--card);\n --color-card-foreground: var(--card-foreground);\n --color-popover: var(--popover);\n --color-popover-foreground: var(--popover-foreground);\n --color-primary: var(--primary);\n --color-primary-foreground: var(--primary-foreground);\n --color-secondary: var(--secondary);\n --color-secondary-foreground: var(--secondary-foreground);\n --color-muted: var(--muted);\n --color-muted-foreground: var(--muted-foreground);\n --color-accent: var(--accent);\n --color-accent-foreground: var(--accent-foreground);\n --color-destructive: var(--destructive);\n --color-border: var(--border);\n --color-input: var(--input);\n --color-ring: var(--ring);\n --radius-sm: calc(var(--radius) - 4px);\n --radius-md: calc(var(--radius) - 2px);\n --radius-lg: var(--radius);\n --radius-xl: calc(var(--radius) + 4px);\n --animate-accordion-down: accordion-down 0.2s ease-out;\n --animate-accordion-up: accordion-up 0.2s ease-out;\n\n @keyframes accordion-down {\n from {\n height: 0;\n }\n to {\n height: var(--radix-accordion-content-height);\n }\n }\n @keyframes accordion-up {\n from {\n height: var(--radix-accordion-content-height);\n }\n to {\n height: 0;\n }\n }\n}\n\n:root {\n --radius: 0.625rem;\n --background: oklch(1 0 0);\n --foreground: oklch(0.141 0.005 285.823);\n --card: oklch(1 0 0);\n --card-foreground: oklch(0.141 0.005 285.823);\n --popover: oklch(1 0 0);\n --popover-foreground: oklch(0.141 0.005 285.823);\n --primary: oklch(0.21 0.006 285.885);\n --primary-foreground: oklch(0.985 0 0);\n --secondary: oklch(0.967 0.001 286.375);\n --secondary-foreground: oklch(0.21 0.006 285.885);\n --muted: oklch(0.967 0.001 286.375);\n --muted-foreground: oklch(0.552 0.016 285.938);\n --accent: oklch(0.967 0.001 286.375);\n --accent-foreground: oklch(0.21 0.006 285.885);\n --destructive: oklch(0.577 0.245 27.325);\n --border: oklch(0.92 0.004 286.32);\n --input: oklch(0.92 0.004 286.32);\n --ring: oklch(0.705 0.015 286.067);\n}\n\n.dark {\n --background: oklch(0.141 0.005 285.823);\n --foreground: oklch(0.985 0 0);\n --card: oklch(0.21 0.006 285.885);\n --card-foreground: oklch(0.985 0 0);\n --popover: oklch(0.21 0.006 285.885);\n --popover-foreground: oklch(0.985 0 0);\n --primary: oklch(0.92 0.004 286.32);\n --primary-foreground: oklch(0.21 0.006 285.885);\n --secondary: oklch(0.274 0.006 286.033);\n --secondary-foreground: oklch(0.985 0 0);\n --muted: oklch(0.274 0.006 286.033);\n --muted-foreground: oklch(0.705 0.015 286.067);\n --accent: oklch(0.274 0.006 286.033);\n --accent-foreground: oklch(0.985 0 0);\n --destructive: oklch(0.704 0.191 22.216);\n --border: oklch(1 0 0 / 10%);\n --input: oklch(1 0 0 / 15%);\n --ring: oklch(0.552 0.016 285.938);\n}\n\n@layer base {\n * {\n border-color: var(--color-border);\n outline-color: color-mix(in oklab, var(--color-ring) 50%, transparent);\n }\n}\n\n/* Minimal typography for markdown blocks rendered by the React path. */\nhtmdx-code {\n display: block;\n background: var(--background);\n color: var(--foreground);\n font-family: var(--md-ref-typeface-plain, ui-sans-serif, system-ui, sans-serif);\n -webkit-font-smoothing: antialiased;\n}\n/* Scoped to .htmdx-doc-section-card (markdown content) so these do not leak\n into the page chrome \u2014 hero, section headers, and the TOC nav all live under\n htmdx-code without a data-slot and were being restyled unintentionally. */\n.htmdx-doc-section-card h1:not([data-slot]) {\n font-size: 1.5rem;\n font-weight: 700;\n letter-spacing: -0.025em;\n margin: 1.5rem 0 0.75rem;\n}\n.htmdx-doc-section-card h2:not([data-slot]) {\n font-size: 1.25rem;\n font-weight: 600;\n letter-spacing: -0.025em;\n margin: 1.25rem 0 0.5rem;\n}\n.htmdx-doc-section-card h3:not([data-slot]) {\n font-size: 1.15rem;\n font-weight: 600;\n margin: 1rem 0 0.5rem;\n}\n.htmdx-doc-section-card h4:not([data-slot]) {\n font-size: 1rem;\n font-weight: 600;\n margin: 1rem 0 0.375rem;\n}\n.htmdx-doc-section-card h5:not([data-slot]) {\n font-size: 0.9375rem;\n font-weight: 600;\n margin: 0.875rem 0 0.375rem;\n}\n.htmdx-doc-section-card h6:not([data-slot]) {\n font-size: 0.875rem;\n font-weight: 600;\n color: var(--muted-foreground);\n margin: 0.875rem 0 0.375rem;\n}\n.htmdx-doc-section-card p:not([data-slot]) {\n font-size: 0.875rem;\n line-height: 1.6;\n margin: 0 0 0.75rem;\n}\n.htmdx-doc-section-card ul:not([data-slot]),\n.htmdx-doc-section-card ol:not([data-slot]) {\n font-size: 0.875rem;\n line-height: 1.6;\n margin: 0 0 0.75rem;\n padding-left: 1.25rem;\n}\n.htmdx-doc-section-card ul:not([data-slot]) {\n list-style-type: disc;\n}\n.htmdx-doc-section-card ol:not([data-slot]) {\n list-style-type: decimal;\n}\n.htmdx-doc-section-card a:not([data-slot]) {\n color: var(--primary);\n text-underline-offset: 2px;\n}\n.htmdx-doc-section-card em:not([data-slot]) {\n font-style: italic;\n}\n.htmdx-doc-section-card del:not([data-slot]) {\n text-decoration: line-through;\n color: var(--muted-foreground);\n}\n.htmdx-doc-section-card hr:not([data-slot]) {\n height: 1px;\n border: 0;\n margin: 1.5rem 0;\n background: var(--border);\n}\n.htmdx-doc-section-card blockquote:not([data-slot]) {\n margin: 1rem 0;\n padding: 0.125rem 0 0.125rem 1rem;\n border-left: 3px solid var(--primary);\n color: var(--muted-foreground);\n}\n.htmdx-doc-section-card blockquote > :last-child {\n margin-bottom: 0;\n}\n/* Tint from the artifact accent when the runtime theme is present, so inline\n code reads as an accent chip instead of gray-on-gray; a bare shadcn host\n falls back to its own primary. This rule wins over the runtime's own inline\n code rule, so the two have to stay in sync. */\n.htmdx-doc-section-card :not(pre) > code:not([data-slot]) {\n font-family: ui-monospace, monospace;\n font-size: 0.8125rem;\n background: color-mix(in oklab, var(--htmdx-accent, var(--primary)) 10%, transparent);\n color: var(--htmdx-accent-ink, var(--primary));\n border-radius: 4px;\n padding: 0.125rem 0.375rem;\n}\n"; export declare function injectShadcnTheme(): void;