svelte-docsmith 0.1.0

package/dist/theme.css

@@ -0,0 +1,201 @@
+/*
+ * svelte-docsmith theme — the whole CSS contract in one import.
+ *
+ * In your Tailwind v4 entry stylesheet:
+ *
+ *   @import 'tailwindcss';
+ *   @import 'svelte-docsmith/theme.css';
+ *
+ * This file makes Tailwind scan the package itself (so the utility classes
+ * its components use are generated), registers the shadcn design tokens the
+ * components read, and applies the small base layer the docs chrome expects.
+ * Override any token by redefining it after the import.
+ */
+
+@plugin '@tailwindcss/typography';
+@import 'tw-animate-css';
+@import 'tailwindcss';
+@import '@fontsource-variable/inter';
+
+/* Generate utilities for the classes used inside this package. */
+@source './';
+
+/* Class-based dark mode: `dark:` applies under a `.dark` ancestor. */
+@custom-variant dark (&:where(.dark, .dark *));
+
+/* Map Tailwind theme tokens onto the runtime CSS variables below, so utilities
+ * like `bg-background` follow light/dark at runtime. */
+@theme inline {
+	--color-background: var(--background);
+	--color-foreground: var(--foreground);
+	--color-card: var(--card);
+	--color-card-foreground: var(--card-foreground);
+	--color-popover: var(--popover);
+	--color-popover-foreground: var(--popover-foreground);
+	--color-primary: var(--primary);
+	--color-primary-foreground: var(--primary-foreground);
+	--color-secondary: var(--secondary);
+	--color-secondary-foreground: var(--secondary-foreground);
+	--color-muted: var(--muted);
+	--color-muted-foreground: var(--muted-foreground);
+	--color-accent: var(--accent);
+	--color-accent-foreground: var(--accent-foreground);
+	--color-destructive: var(--destructive);
+	--color-destructive-foreground: var(--destructive-foreground);
+	--color-border: var(--border);
+	--color-input: var(--input);
+	--color-ring: var(--ring);
+	--color-chart-1: var(--chart-1);
+	--color-chart-2: var(--chart-2);
+	--color-chart-3: var(--chart-3);
+	--color-chart-4: var(--chart-4);
+	--color-chart-5: var(--chart-5);
+	--color-sidebar: var(--sidebar);
+	--color-sidebar-foreground: var(--sidebar-foreground);
+	--color-sidebar-primary: var(--sidebar-primary);
+	--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+	--color-sidebar-accent: var(--sidebar-accent);
+	--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+	--color-sidebar-border: var(--sidebar-border);
+	--color-sidebar-ring: var(--sidebar-ring);
+
+	--radius-xl: calc(var(--radius) + 4px);
+	--radius-lg: var(--radius);
+	--radius-md: calc(var(--radius) - 2px);
+	--radius-sm: calc(var(--radius) - 4px);
+
+	/* Wire the font/shadow tokens into Tailwind, so `font-sans`, `shadow-sm`,
+	 * etc. (and the base body font) use them and a theme can override them. */
+	--font-sans: var(--font-sans);
+	--font-serif: var(--font-serif);
+	--font-mono: var(--font-mono);
+
+	--shadow-2xs: var(--shadow-2xs);
+	--shadow-xs: var(--shadow-xs);
+	--shadow-sm: var(--shadow-sm);
+	--shadow: var(--shadow);
+	--shadow-md: var(--shadow-md);
+	--shadow-lg: var(--shadow-lg);
+	--shadow-xl: var(--shadow-xl);
+	--shadow-2xl: var(--shadow-2xl);
+}
+
+@layer base {
+	:root {
+		--background: oklch(0.9383 0.0042 236.4993);
+		--foreground: oklch(0.3211 0 0);
+		--card: oklch(1 0 0);
+		--card-foreground: oklch(0.3211 0 0);
+		--popover: oklch(1 0 0);
+		--popover-foreground: oklch(0.3211 0 0);
+		--primary: oklch(0.6397 0.172 36.4421);
+		--primary-foreground: oklch(1 0 0);
+		--secondary: oklch(0.967 0.0029 264.5419);
+		--secondary-foreground: oklch(0.4461 0.0263 256.8018);
+		--muted: oklch(0.9846 0.0017 247.8389);
+		--muted-foreground: oklch(0.551 0.0234 264.3637);
+		--accent: oklch(0.9119 0.0222 243.8174);
+		--accent-foreground: oklch(0.3791 0.1378 265.5222);
+		--destructive: oklch(0.6368 0.2078 25.3313);
+		--destructive-foreground: oklch(1 0 0);
+		--border: oklch(0.9022 0.0052 247.8822);
+		--input: oklch(0.97 0.0029 264.542);
+		--ring: oklch(0.6397 0.172 36.4421);
+		--chart-1: oklch(0.7156 0.0605 248.6845);
+		--chart-2: oklch(0.7875 0.0917 35.9616);
+		--chart-3: oklch(0.5778 0.0759 254.1573);
+		--chart-4: oklch(0.5016 0.0849 259.4902);
+		--chart-5: oklch(0.4241 0.0952 264.0306);
+		--sidebar: oklch(0.903 0.0046 258.3257);
+		--sidebar-foreground: oklch(0.3211 0 0);
+		--sidebar-primary: oklch(0.6397 0.172 36.4421);
+		--sidebar-primary-foreground: oklch(1 0 0);
+		--sidebar-accent: oklch(0.9119 0.0222 243.8174);
+		--sidebar-accent-foreground: oklch(0.3791 0.1378 265.5222);
+		--sidebar-border: oklch(0.9276 0.0058 264.5313);
+		--sidebar-ring: oklch(0.6397 0.172 36.4421);
+		--font-sans: Inter, sans-serif;
+		--font-serif: Source Serif 4, serif;
+		--font-mono: JetBrains Mono, monospace;
+		--radius: 0.75rem;
+		--shadow-2xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.05);
+		--shadow-xs: 0px 1px 3px 0px hsl(0 0% 0% / 0.05);
+		--shadow-sm: 0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 1px 2px -1px hsl(0 0% 0% / 0.1);
+		--shadow: 0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 1px 2px -1px hsl(0 0% 0% / 0.1);
+		--shadow-md: 0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 2px 4px -1px hsl(0 0% 0% / 0.1);
+		--shadow-lg: 0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 4px 6px -1px hsl(0 0% 0% / 0.1);
+		--shadow-xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.1), 0px 8px 10px -1px hsl(0 0% 0% / 0.1);
+		--shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.25);
+		/* Shadow primitives + scale controls (tweakcn parity; the shadow scale
+		 * above is authored directly, these are here for regeneration/overrides).
+		 * .dark inherits all of these — only colors flip. */
+		--shadow-color: hsl(0 0% 0%);
+		--shadow-opacity: 0.1;
+		--shadow-blur: 3px;
+		--shadow-spread: 0px;
+		--shadow-offset-x: 0px;
+		--shadow-offset-y: 1px;
+		--tracking-normal: 0em;
+		--spacing: 0.25rem;
+	}
+
+	.dark {
+		--background: oklch(0.2598 0.0306 262.6666);
+		--foreground: oklch(0.9219 0 0);
+		--card: oklch(0.3106 0.0301 268.6365);
+		--card-foreground: oklch(0.9219 0 0);
+		--popover: oklch(0.29 0.0249 268.3986);
+		--popover-foreground: oklch(0.9219 0 0);
+		--primary: oklch(0.6397 0.172 36.4421);
+		--primary-foreground: oklch(1 0 0);
+		--secondary: oklch(0.3095 0.0266 266.7132);
+		--secondary-foreground: oklch(0.9219 0 0);
+		--muted: oklch(0.3095 0.0266 266.7132);
+		--muted-foreground: oklch(0.7155 0 0);
+		--accent: oklch(0.338 0.0589 267.5867);
+		--accent-foreground: oklch(0.8823 0.0571 254.1284);
+		--destructive: oklch(0.6368 0.2078 25.3313);
+		--destructive-foreground: oklch(1 0 0);
+		--border: oklch(0.3843 0.0301 269.7337);
+		--input: oklch(0.3843 0.0301 269.7337);
+		--ring: oklch(0.6397 0.172 36.4421);
+		--chart-1: oklch(0.7156 0.0605 248.6845);
+		--chart-2: oklch(0.7693 0.0876 34.1875);
+		--chart-3: oklch(0.5778 0.0759 254.1573);
+		--chart-4: oklch(0.5016 0.0849 259.4902);
+		--chart-5: oklch(0.4241 0.0952 264.0306);
+		--sidebar: oklch(0.31 0.0283 267.7408);
+		--sidebar-foreground: oklch(0.9219 0 0);
+		--sidebar-primary: oklch(0.6397 0.172 36.4421);
+		--sidebar-primary-foreground: oklch(1 0 0);
+		--sidebar-accent: oklch(0.338 0.0589 267.5867);
+		--sidebar-accent-foreground: oklch(0.8823 0.0571 254.1284);
+		--sidebar-border: oklch(0.3843 0.0301 269.7337);
+		--sidebar-ring: oklch(0.6397 0.172 36.4421);
+	}
+
+	* {
+		@apply border-border;
+		/* Anchored headings land below the sticky header. */
+		@apply scroll-mt-20;
+	}
+
+	body {
+		@apply bg-background text-foreground;
+	}
+}
+
+/*
+ * Shiki dual-theme output: light colors are inline, dark colors ship as
+ * --shiki-dark/--shiki-dark-bg variables. Flip to them under `.dark`.
+ * Code fences strip Shiki's <pre> (their bg-muted wrapper shows through);
+ * LiveExample keeps Shiki's <pre>, so the background flip darkens it.
+ */
+html.dark .shiki,
+html.dark .shiki span {
+	color: var(--shiki-dark) !important;
+}
+
+html.dark .shiki {
+	background-color: var(--shiki-dark-bg, transparent) !important;
+}

package/dist/themes/amethyst.css

@@ -0,0 +1,76 @@
+/*
+ * svelte-docsmith theme — Amethyst. A violet-forward palette on cool neutrals.
+ *
+ *   @import 'svelte-docsmith/theme.css';
+ *   @import 'svelte-docsmith/themes/amethyst.css';
+ */
+
+:root {
+	--primary: oklch(0.55 0.22 295);
+	--primary-foreground: oklch(0.99 0 0);
+	--background: oklch(0.993 0.004 300);
+	--foreground: oklch(0.28 0.02 300);
+	--card: oklch(1 0 0);
+	--card-foreground: oklch(0.28 0.02 300);
+	--popover: oklch(1 0 0);
+	--popover-foreground: oklch(0.28 0.02 300);
+	--secondary: oklch(0.968 0.006 300);
+	--secondary-foreground: oklch(0.42 0.03 297);
+	--muted: oklch(0.975 0.005 300);
+	--muted-foreground: oklch(0.52 0.02 300);
+	--accent: oklch(0.94 0.03 300);
+	--accent-foreground: oklch(0.4 0.15 295);
+	--border: oklch(0.92 0.008 300);
+	--input: oklch(0.92 0.008 300);
+	--ring: oklch(0.55 0.22 295);
+	--destructive: oklch(0.637 0.208 25);
+	--destructive-foreground: oklch(1 0 0);
+	--chart-1: oklch(0.62 0.15 295);
+	--chart-2: oklch(0.7 0.11 320);
+	--chart-3: oklch(0.54 0.13 270);
+	--chart-4: oklch(0.68 0.09 345);
+	--chart-5: oklch(0.48 0.14 285);
+	--sidebar: oklch(0.975 0.006 300);
+	--sidebar-foreground: oklch(0.28 0.02 300);
+	--sidebar-primary: oklch(0.55 0.22 295);
+	--sidebar-primary-foreground: oklch(0.99 0 0);
+	--sidebar-accent: oklch(0.94 0.03 300);
+	--sidebar-accent-foreground: oklch(0.4 0.15 295);
+	--sidebar-border: oklch(0.92 0.008 300);
+	--sidebar-ring: oklch(0.55 0.22 295);
+}
+
+.dark {
+	--primary: oklch(0.7 0.17 295);
+	--primary-foreground: oklch(0.16 0.02 300);
+	--background: oklch(0.19 0.02 300);
+	--foreground: oklch(0.95 0.005 300);
+	--card: oklch(0.23 0.022 300);
+	--card-foreground: oklch(0.95 0.005 300);
+	--popover: oklch(0.22 0.022 300);
+	--popover-foreground: oklch(0.95 0.005 300);
+	--secondary: oklch(0.27 0.02 300);
+	--secondary-foreground: oklch(0.95 0.005 300);
+	--muted: oklch(0.27 0.02 300);
+	--muted-foreground: oklch(0.72 0.01 300);
+	--accent: oklch(0.32 0.05 300);
+	--accent-foreground: oklch(0.86 0.06 296);
+	--border: oklch(0.33 0.02 300);
+	--input: oklch(0.33 0.02 300);
+	--ring: oklch(0.7 0.17 295);
+	--destructive: oklch(0.637 0.208 25);
+	--destructive-foreground: oklch(1 0 0);
+	--chart-1: oklch(0.7 0.15 295);
+	--chart-2: oklch(0.77 0.11 320);
+	--chart-3: oklch(0.62 0.13 270);
+	--chart-4: oklch(0.75 0.09 345);
+	--chart-5: oklch(0.56 0.14 285);
+	--sidebar: oklch(0.21 0.02 300);
+	--sidebar-foreground: oklch(0.95 0.005 300);
+	--sidebar-primary: oklch(0.7 0.17 295);
+	--sidebar-primary-foreground: oklch(0.16 0.02 300);
+	--sidebar-accent: oklch(0.32 0.05 300);
+	--sidebar-accent-foreground: oklch(0.86 0.06 296);
+	--sidebar-border: oklch(0.33 0.02 300);
+	--sidebar-ring: oklch(0.7 0.17 295);
+}

package/dist/themes/bubblegum.css

@@ -0,0 +1,79 @@
+/*
+ * svelte-docsmith theme — Bubblegum. Vivid pink with a cyan accent, high chroma,
+ * generously rounded. Playful and high-energy.
+ *
+ *   @import 'svelte-docsmith/theme.css';
+ *   @import 'svelte-docsmith/themes/bubblegum.css';
+ */
+
+:root {
+	--radius: 1.25rem;
+	--background: oklch(0.99 0.01 340);
+	--foreground: oklch(0.3 0.03 340);
+	--card: oklch(1 0 0);
+	--card-foreground: oklch(0.3 0.03 340);
+	--popover: oklch(1 0 0);
+	--popover-foreground: oklch(0.3 0.03 340);
+	--primary: oklch(0.62 0.21 352);
+	--primary-foreground: oklch(1 0 0);
+	--secondary: oklch(0.95 0.03 200);
+	--secondary-foreground: oklch(0.38 0.06 220);
+	--muted: oklch(0.96 0.015 340);
+	--muted-foreground: oklch(0.5 0.04 340);
+	--accent: oklch(0.9 0.08 200);
+	--accent-foreground: oklch(0.38 0.1 222);
+	--border: oklch(0.9 0.02 340);
+	--input: oklch(0.9 0.02 340);
+	--ring: oklch(0.62 0.21 352);
+	--destructive: oklch(0.6 0.24 20);
+	--destructive-foreground: oklch(1 0 0);
+	--chart-1: oklch(0.65 0.2 350);
+	--chart-2: oklch(0.7 0.14 200);
+	--chart-3: oklch(0.78 0.16 95);
+	--chart-4: oklch(0.6 0.18 290);
+	--chart-5: oklch(0.72 0.17 40);
+	--sidebar: oklch(0.97 0.02 340);
+	--sidebar-foreground: oklch(0.3 0.03 340);
+	--sidebar-primary: oklch(0.62 0.21 352);
+	--sidebar-primary-foreground: oklch(1 0 0);
+	--sidebar-accent: oklch(0.9 0.08 200);
+	--sidebar-accent-foreground: oklch(0.38 0.1 222);
+	--sidebar-border: oklch(0.9 0.02 340);
+	--sidebar-ring: oklch(0.62 0.21 352);
+}
+
+.dark {
+	--radius: 1.25rem;
+	--background: oklch(0.2 0.03 320);
+	--foreground: oklch(0.95 0.02 340);
+	--card: oklch(0.25 0.035 320);
+	--card-foreground: oklch(0.95 0.02 340);
+	--popover: oklch(0.24 0.035 320);
+	--popover-foreground: oklch(0.95 0.02 340);
+	--primary: oklch(0.72 0.19 352);
+	--primary-foreground: oklch(0.18 0.03 340);
+	--secondary: oklch(0.3 0.04 320);
+	--secondary-foreground: oklch(0.95 0.02 340);
+	--muted: oklch(0.3 0.04 320);
+	--muted-foreground: oklch(0.72 0.03 340);
+	--accent: oklch(0.42 0.1 200);
+	--accent-foreground: oklch(0.92 0.08 200);
+	--border: oklch(0.35 0.035 320);
+	--input: oklch(0.35 0.035 320);
+	--ring: oklch(0.72 0.19 352);
+	--destructive: oklch(0.68 0.2 20);
+	--destructive-foreground: oklch(0.18 0.03 340);
+	--chart-1: oklch(0.72 0.2 350);
+	--chart-2: oklch(0.75 0.14 200);
+	--chart-3: oklch(0.82 0.16 95);
+	--chart-4: oklch(0.68 0.18 290);
+	--chart-5: oklch(0.76 0.17 40);
+	--sidebar: oklch(0.23 0.035 320);
+	--sidebar-foreground: oklch(0.95 0.02 340);
+	--sidebar-primary: oklch(0.72 0.19 352);
+	--sidebar-primary-foreground: oklch(0.18 0.03 340);
+	--sidebar-accent: oklch(0.42 0.1 200);
+	--sidebar-accent-foreground: oklch(0.92 0.08 200);
+	--sidebar-border: oklch(0.35 0.035 320);
+	--sidebar-ring: oklch(0.72 0.19 352);
+}

package/dist/themes/claude.css

@@ -0,0 +1,79 @@
+/*
+ * svelte-docsmith theme — Claude. Warm clay on a paper-cream background; low
+ * chroma, softly rounded. Editorial and warm without shouting.
+ *
+ *   @import 'svelte-docsmith/theme.css';
+ *   @import 'svelte-docsmith/themes/claude.css';
+ */
+
+:root {
+	--radius: 0.5rem;
+	--background: oklch(0.97 0.008 85);
+	--foreground: oklch(0.28 0.02 55);
+	--card: oklch(0.99 0.005 85);
+	--card-foreground: oklch(0.28 0.02 55);
+	--popover: oklch(0.99 0.005 85);
+	--popover-foreground: oklch(0.28 0.02 55);
+	--primary: oklch(0.52 0.11 42);
+	--primary-foreground: oklch(0.99 0.01 85);
+	--secondary: oklch(0.93 0.012 85);
+	--secondary-foreground: oklch(0.35 0.02 50);
+	--muted: oklch(0.95 0.01 85);
+	--muted-foreground: oklch(0.5 0.02 55);
+	--accent: oklch(0.9 0.025 70);
+	--accent-foreground: oklch(0.4 0.06 45);
+	--border: oklch(0.89 0.012 80);
+	--input: oklch(0.89 0.012 80);
+	--ring: oklch(0.52 0.11 42);
+	--destructive: oklch(0.577 0.22 27);
+	--destructive-foreground: oklch(0.99 0.01 85);
+	--chart-1: oklch(0.55 0.11 42);
+	--chart-2: oklch(0.68 0.09 68);
+	--chart-3: oklch(0.5 0.1 25);
+	--chart-4: oklch(0.72 0.07 95);
+	--chart-5: oklch(0.44 0.11 50);
+	--sidebar: oklch(0.95 0.01 85);
+	--sidebar-foreground: oklch(0.28 0.02 55);
+	--sidebar-primary: oklch(0.52 0.11 42);
+	--sidebar-primary-foreground: oklch(0.99 0.01 85);
+	--sidebar-accent: oklch(0.9 0.025 70);
+	--sidebar-accent-foreground: oklch(0.4 0.06 45);
+	--sidebar-border: oklch(0.89 0.012 80);
+	--sidebar-ring: oklch(0.52 0.11 42);
+}
+
+.dark {
+	--radius: 0.5rem;
+	--background: oklch(0.22 0.008 60);
+	--foreground: oklch(0.92 0.01 85);
+	--card: oklch(0.26 0.01 60);
+	--card-foreground: oklch(0.92 0.01 85);
+	--popover: oklch(0.25 0.01 60);
+	--popover-foreground: oklch(0.92 0.01 85);
+	--primary: oklch(0.68 0.11 48);
+	--primary-foreground: oklch(0.2 0.02 55);
+	--secondary: oklch(0.3 0.012 60);
+	--secondary-foreground: oklch(0.92 0.01 85);
+	--muted: oklch(0.3 0.012 60);
+	--muted-foreground: oklch(0.72 0.012 80);
+	--accent: oklch(0.34 0.03 55);
+	--accent-foreground: oklch(0.85 0.04 80);
+	--border: oklch(0.35 0.012 60);
+	--input: oklch(0.35 0.012 60);
+	--ring: oklch(0.68 0.11 48);
+	--destructive: oklch(0.65 0.2 27);
+	--destructive-foreground: oklch(0.2 0.02 55);
+	--chart-1: oklch(0.68 0.11 48);
+	--chart-2: oklch(0.75 0.09 70);
+	--chart-3: oklch(0.62 0.1 28);
+	--chart-4: oklch(0.8 0.07 95);
+	--chart-5: oklch(0.56 0.11 52);
+	--sidebar: oklch(0.24 0.01 60);
+	--sidebar-foreground: oklch(0.92 0.01 85);
+	--sidebar-primary: oklch(0.68 0.11 48);
+	--sidebar-primary-foreground: oklch(0.2 0.02 55);
+	--sidebar-accent: oklch(0.34 0.03 55);
+	--sidebar-accent-foreground: oklch(0.85 0.04 80);
+	--sidebar-border: oklch(0.35 0.012 60);
+	--sidebar-ring: oklch(0.68 0.11 48);
+}

package/dist/themes/evergreen.css

@@ -0,0 +1,76 @@
+/*
+ * svelte-docsmith theme — Evergreen. A calm, deep-green palette.
+ *
+ *   @import 'svelte-docsmith/theme.css';
+ *   @import 'svelte-docsmith/themes/evergreen.css';
+ */
+
+:root {
+	--primary: oklch(0.52 0.11 156);
+	--primary-foreground: oklch(0.99 0 0);
+	--background: oklch(0.99 0.006 150);
+	--foreground: oklch(0.26 0.02 155);
+	--card: oklch(1 0 0);
+	--card-foreground: oklch(0.26 0.02 155);
+	--popover: oklch(1 0 0);
+	--popover-foreground: oklch(0.26 0.02 155);
+	--secondary: oklch(0.965 0.01 150);
+	--secondary-foreground: oklch(0.35 0.02 155);
+	--muted: oklch(0.97 0.008 150);
+	--muted-foreground: oklch(0.5 0.02 155);
+	--accent: oklch(0.93 0.035 150);
+	--accent-foreground: oklch(0.38 0.08 156);
+	--border: oklch(0.9 0.012 150);
+	--input: oklch(0.9 0.012 150);
+	--ring: oklch(0.52 0.11 156);
+	--destructive: oklch(0.637 0.208 25);
+	--destructive-foreground: oklch(1 0 0);
+	--chart-1: oklch(0.62 0.13 156);
+	--chart-2: oklch(0.7 0.1 180);
+	--chart-3: oklch(0.54 0.12 130);
+	--chart-4: oklch(0.68 0.08 200);
+	--chart-5: oklch(0.48 0.12 145);
+	--sidebar: oklch(0.975 0.008 150);
+	--sidebar-foreground: oklch(0.26 0.02 155);
+	--sidebar-primary: oklch(0.52 0.11 156);
+	--sidebar-primary-foreground: oklch(0.99 0 0);
+	--sidebar-accent: oklch(0.93 0.035 150);
+	--sidebar-accent-foreground: oklch(0.38 0.08 156);
+	--sidebar-border: oklch(0.9 0.012 150);
+	--sidebar-ring: oklch(0.52 0.11 156);
+}
+
+.dark {
+	--primary: oklch(0.7 0.14 156);
+	--primary-foreground: oklch(0.16 0.02 155);
+	--background: oklch(0.2 0.02 158);
+	--foreground: oklch(0.94 0.01 150);
+	--card: oklch(0.24 0.022 158);
+	--card-foreground: oklch(0.94 0.01 150);
+	--popover: oklch(0.23 0.022 158);
+	--popover-foreground: oklch(0.94 0.01 150);
+	--secondary: oklch(0.27 0.02 158);
+	--secondary-foreground: oklch(0.94 0.01 150);
+	--muted: oklch(0.27 0.02 158);
+	--muted-foreground: oklch(0.72 0.012 150);
+	--accent: oklch(0.32 0.05 156);
+	--accent-foreground: oklch(0.85 0.08 153);
+	--border: oklch(0.33 0.02 158);
+	--input: oklch(0.33 0.02 158);
+	--ring: oklch(0.7 0.14 156);
+	--destructive: oklch(0.637 0.208 25);
+	--destructive-foreground: oklch(1 0 0);
+	--chart-1: oklch(0.7 0.13 156);
+	--chart-2: oklch(0.77 0.1 180);
+	--chart-3: oklch(0.62 0.12 130);
+	--chart-4: oklch(0.75 0.08 200);
+	--chart-5: oklch(0.56 0.12 145);
+	--sidebar: oklch(0.21 0.02 158);
+	--sidebar-foreground: oklch(0.94 0.01 150);
+	--sidebar-primary: oklch(0.7 0.14 156);
+	--sidebar-primary-foreground: oklch(0.16 0.02 155);
+	--sidebar-accent: oklch(0.32 0.05 156);
+	--sidebar-accent-foreground: oklch(0.85 0.08 153);
+	--sidebar-border: oklch(0.33 0.02 158);
+	--sidebar-ring: oklch(0.7 0.14 156);
+}

package/dist/themes/graphite.css

@@ -0,0 +1,79 @@
+/*
+ * svelte-docsmith theme — Graphite. Restrained, near-monochrome, with a tighter
+ * corner radius for a technical, no-nonsense feel.
+ *
+ *   @import 'svelte-docsmith/theme.css';
+ *   @import 'svelte-docsmith/themes/graphite.css';
+ */
+
+:root {
+	--radius: 0.375rem;
+	--primary: oklch(0.27 0.01 265);
+	--primary-foreground: oklch(0.99 0 0);
+	--background: oklch(1 0 0);
+	--foreground: oklch(0.21 0.006 265);
+	--card: oklch(1 0 0);
+	--card-foreground: oklch(0.21 0.006 265);
+	--popover: oklch(1 0 0);
+	--popover-foreground: oklch(0.21 0.006 265);
+	--secondary: oklch(0.968 0.002 265);
+	--secondary-foreground: oklch(0.35 0.008 265);
+	--muted: oklch(0.97 0.002 265);
+	--muted-foreground: oklch(0.51 0.007 265);
+	--accent: oklch(0.96 0.003 265);
+	--accent-foreground: oklch(0.27 0.01 265);
+	--border: oklch(0.922 0.003 265);
+	--input: oklch(0.922 0.003 265);
+	--ring: oklch(0.27 0.01 265);
+	--destructive: oklch(0.637 0.208 25);
+	--destructive-foreground: oklch(1 0 0);
+	--chart-1: oklch(0.44 0.012 265);
+	--chart-2: oklch(0.56 0.01 265);
+	--chart-3: oklch(0.66 0.008 265);
+	--chart-4: oklch(0.74 0.006 265);
+	--chart-5: oklch(0.36 0.014 265);
+	--sidebar: oklch(0.985 0.002 265);
+	--sidebar-foreground: oklch(0.21 0.006 265);
+	--sidebar-primary: oklch(0.27 0.01 265);
+	--sidebar-primary-foreground: oklch(0.99 0 0);
+	--sidebar-accent: oklch(0.96 0.003 265);
+	--sidebar-accent-foreground: oklch(0.27 0.01 265);
+	--sidebar-border: oklch(0.922 0.003 265);
+	--sidebar-ring: oklch(0.27 0.01 265);
+}
+
+.dark {
+	--radius: 0.375rem;
+	--primary: oklch(0.93 0.002 265);
+	--primary-foreground: oklch(0.21 0.006 265);
+	--background: oklch(0.18 0.004 265);
+	--foreground: oklch(0.96 0.002 265);
+	--card: oklch(0.22 0.005 265);
+	--card-foreground: oklch(0.96 0.002 265);
+	--popover: oklch(0.21 0.005 265);
+	--popover-foreground: oklch(0.96 0.002 265);
+	--secondary: oklch(0.27 0.006 265);
+	--secondary-foreground: oklch(0.96 0.002 265);
+	--muted: oklch(0.27 0.006 265);
+	--muted-foreground: oklch(0.72 0.005 265);
+	--accent: oklch(0.3 0.006 265);
+	--accent-foreground: oklch(0.96 0.002 265);
+	--border: oklch(0.32 0.006 265);
+	--input: oklch(0.32 0.006 265);
+	--ring: oklch(0.6 0.005 265);
+	--destructive: oklch(0.637 0.208 25);
+	--destructive-foreground: oklch(1 0 0);
+	--chart-1: oklch(0.8 0.006 265);
+	--chart-2: oklch(0.68 0.008 265);
+	--chart-3: oklch(0.56 0.008 265);
+	--chart-4: oklch(0.46 0.01 265);
+	--chart-5: oklch(0.88 0.004 265);
+	--sidebar: oklch(0.2 0.005 265);
+	--sidebar-foreground: oklch(0.96 0.002 265);
+	--sidebar-primary: oklch(0.93 0.002 265);
+	--sidebar-primary-foreground: oklch(0.21 0.006 265);
+	--sidebar-accent: oklch(0.3 0.006 265);
+	--sidebar-accent-foreground: oklch(0.96 0.002 265);
+	--sidebar-border: oklch(0.32 0.006 265);
+	--sidebar-ring: oklch(0.6 0.005 265);
+}

package/dist/themes/mono.css

@@ -0,0 +1,79 @@
+/*
+ * svelte-docsmith theme — Mono. True black-on-white, zero chroma, square corners.
+ * Brutalist minimalism; the palette gets out of the way entirely.
+ *
+ *   @import 'svelte-docsmith/theme.css';
+ *   @import 'svelte-docsmith/themes/mono.css';
+ */
+
+:root {
+	--radius: 0rem;
+	--background: oklch(1 0 0);
+	--foreground: oklch(0.15 0 0);
+	--card: oklch(1 0 0);
+	--card-foreground: oklch(0.15 0 0);
+	--popover: oklch(1 0 0);
+	--popover-foreground: oklch(0.15 0 0);
+	--primary: oklch(0.15 0 0);
+	--primary-foreground: oklch(1 0 0);
+	--secondary: oklch(0.96 0 0);
+	--secondary-foreground: oklch(0.25 0 0);
+	--muted: oklch(0.96 0 0);
+	--muted-foreground: oklch(0.44 0 0);
+	--accent: oklch(0.94 0 0);
+	--accent-foreground: oklch(0.15 0 0);
+	--border: oklch(0.9 0 0);
+	--input: oklch(0.9 0 0);
+	--ring: oklch(0.15 0 0);
+	--destructive: oklch(0.577 0.245 27);
+	--destructive-foreground: oklch(1 0 0);
+	--chart-1: oklch(0.2 0 0);
+	--chart-2: oklch(0.36 0 0);
+	--chart-3: oklch(0.52 0 0);
+	--chart-4: oklch(0.66 0 0);
+	--chart-5: oklch(0.8 0 0);
+	--sidebar: oklch(0.985 0 0);
+	--sidebar-foreground: oklch(0.15 0 0);
+	--sidebar-primary: oklch(0.15 0 0);
+	--sidebar-primary-foreground: oklch(1 0 0);
+	--sidebar-accent: oklch(0.94 0 0);
+	--sidebar-accent-foreground: oklch(0.15 0 0);
+	--sidebar-border: oklch(0.9 0 0);
+	--sidebar-ring: oklch(0.15 0 0);
+}
+
+.dark {
+	--radius: 0rem;
+	--background: oklch(0.15 0 0);
+	--foreground: oklch(0.97 0 0);
+	--card: oklch(0.19 0 0);
+	--card-foreground: oklch(0.97 0 0);
+	--popover: oklch(0.17 0 0);
+	--popover-foreground: oklch(0.97 0 0);
+	--primary: oklch(0.97 0 0);
+	--primary-foreground: oklch(0.15 0 0);
+	--secondary: oklch(0.25 0 0);
+	--secondary-foreground: oklch(0.97 0 0);
+	--muted: oklch(0.25 0 0);
+	--muted-foreground: oklch(0.68 0 0);
+	--accent: oklch(0.28 0 0);
+	--accent-foreground: oklch(0.97 0 0);
+	--border: oklch(0.3 0 0);
+	--input: oklch(0.3 0 0);
+	--ring: oklch(0.7 0 0);
+	--destructive: oklch(0.65 0.2 27);
+	--destructive-foreground: oklch(0.15 0 0);
+	--chart-1: oklch(0.95 0 0);
+	--chart-2: oklch(0.8 0 0);
+	--chart-3: oklch(0.65 0 0);
+	--chart-4: oklch(0.5 0 0);
+	--chart-5: oklch(0.36 0 0);
+	--sidebar: oklch(0.17 0 0);
+	--sidebar-foreground: oklch(0.97 0 0);
+	--sidebar-primary: oklch(0.97 0 0);
+	--sidebar-primary-foreground: oklch(0.15 0 0);
+	--sidebar-accent: oklch(0.28 0 0);
+	--sidebar-accent-foreground: oklch(0.97 0 0);
+	--sidebar-border: oklch(0.3 0 0);
+	--sidebar-ring: oklch(0.7 0 0);
+}