@import 'tailwindcss';

@theme {
	--color-bg: oklch(0.99 0.005 240);
	--color-fg: oklch(0.20 0.02 240);
	--color-muted: oklch(0.55 0.02 240);
	--color-border: oklch(0.92 0.01 240);
	--color-card: oklch(1 0 0);
	--color-primary: oklch(0.55 0.15 250);
	--color-primary-fg: oklch(1 0 0);
	--color-success: oklch(0.6 0.15 145);
	--color-warning: oklch(0.75 0.15 75);
	--color-danger: oklch(0.55 0.18 25);

	--font-sans:
		ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

@layer base {
	html {
		background-color: var(--color-bg);
		color: var(--color-fg);
		font-family: var(--font-sans);
	}
	body {
		min-height: 100dvh;
	}
}

@media (prefers-color-scheme: dark) {
	@theme {
		--color-bg: oklch(0.18 0.02 240);
		--color-fg: oklch(0.95 0.01 240);
		--color-muted: oklch(0.65 0.02 240);
		--color-border: oklch(0.30 0.02 240);
		--color-card: oklch(0.22 0.02 240);
		--color-primary: oklch(0.70 0.18 250);
		--color-primary-fg: oklch(0.18 0.02 240);
	}
}