@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
	--radius: 0.625rem;
	--background: oklch(1 0 0);
	--foreground: oklch(0.145 0 0);
	--card: oklch(1 0 0);
	--card-foreground: oklch(0.145 0 0);
	--primary: oklch(0.205 0 0);
	--border: oklch(0.922 0 0);
	--muted: oklch(0.97 0 0);

	/* SveltePress overrides for light mode */
	--svp-expansion-bg: var(--muted);
	--svp-expansion-bg-darker: oklch(0.922 0 0);
	--svp-expansion-bg-darker2: oklch(0.8 0 0);
	--docsearch-primary-color: var(--primary);
	--docsearch-logo-color: var(--primary);
}

html.dark, html[data-theme='dark'] {
	--background: oklch(0.145 0 0);
	--foreground: oklch(0.985 0 0);
	--card: oklch(0.205 0 0);
	--card-foreground: oklch(0.985 0 0);
	--primary: oklch(0.922 0 0);
	--border: oklch(1 0 0 / 10%);
	--muted: oklch(0.269 0 0);

	/* SveltePress overrides for dark mode */
	--svp-text: var(--foreground);
	--svp-expansion-bg: var(--muted);
	--svp-expansion-bg-darker: oklch(0.2 0 0);
	--svp-expansion-bg-darker2: oklch(0.15 0 0);
	--docsearch-text-color: var(--foreground);
	--docsearch-key-gradient: var(--muted);
	--docsearch-searchbox-focus-background: oklch(0.15 0 0);
	--docsearch-modal-background: var(--card);
	--docsearch-footer-background: var(--background);
	--docsearch-hit-background: var(--muted);
	--docsearch-hit-color: var(--foreground);
	--twoslash-popup-bg: var(--card);
}

body {
	font-family: 'Inter', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	background-color: var(--background) !important;
	color: var(--foreground) !important;
}

* {
	border-color: var(--border);
}

/* Force critical SveltePress sections to adopt theme */
.vp-doc, .svp-article, .svp-sidebar {
	background-color: var(--background) !important;
	color: var(--foreground) !important;
}

/* Sveltepress components */
.svp-nav, .svp-header, aside {
	background-color: var(--background) !important;
	border-color: var(--border) !important;
}