/* Directwoo — design tokens (black & white · neutral). */
:root {
	--card: #ffffff;
	--ring: #a1a1aa;
	--input: #e4e4e7;
	--muted: #f4f4f5;
	--accent: #f4f4f5;
	--border: #e4e4e7;
	--radius: 0.5rem;
	--chart-1: #18181b;
	--chart-2: #3f3f46;
	--chart-3: #52525b;
	--chart-4: #71717a;
	--chart-5: #a1a1aa;
	--popover: #ffffff;
	--primary: #18181b;
	--sidebar: #fafafa;
	--secondary: #f4f4f5;
	--background: #ffffff;
	--foreground: #18181b;
	--destructive: #ef4444;
	--card-foreground: #18181b;
	--muted-foreground: #71717a;
	--accent-foreground: #18181b;
	--primary-foreground: #fafafa;
	--secondary-foreground: #18181b;
	--destructive-foreground: #ffffff;
	--font-sans: 'DM Sans', Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
	--font-serif: 'Lora', ui-serif, Georgia, serif;
}

.directwoo-dark {
	--card: #1e1e22;
	--ring: #52525b;
	--input: #3f3f46;
	--muted: #27272a;
	--accent: #27272a;
	--border: #3f3f46;
	--popover: #1e1e22;
	--primary: #fafafa;
	--secondary: #27272a;
	--background: #0a0a0a;
	--foreground: #fafafa;
	--card-foreground: #fafafa;
	--muted-foreground: #a1a1aa;
	--accent-foreground: #fafafa;
	--primary-foreground: #18181b;
	--secondary-foreground: #fafafa;
}