:root {
	--color-bg: #f7f7f5;
	--color-surface: #ffffff;
	--color-text: #161616;
	--color-muted: #666666;
	--color-border: #d9d9d4;
	--color-accent: #2845c4;
	--color-accent-contrast: #ffffff;
	--color-danger: #b42318;
	--color-danger-surface: #fef3f2;
	--color-danger-border: #fecaca;
	--color-success-surface: #ecfdf3;
	--color-success-border: #abefc6;
	--color-success-text: #067647;
	--color-info-surface: #eff4ff;
	--color-info-border: #bfd4ff;
	--color-info-text: #1849a9;
	--color-warning-surface: #fff7e6;
	--color-warning-border: #f7c56b;
	--color-warning-text: #93370d;
	--color-surface-subtle: #fcfcfb;
	--color-surface-soft: #fafaf8;
	--color-surface-muted: #f8f8f6;
	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-6: 1.5rem;
	--space-8: 2rem;
	--radius: 0.5rem;
	--font-body: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-bg: #111317;
		--color-surface: #181b20;
		--color-text: #eceae2;
		--color-muted: #a19f95;
		--color-border: #30343b;
		--color-accent: #7f96ff;
		--color-accent-contrast: #10162f;
		--color-danger: #ff8a7a;
		--color-danger-surface: #321916;
		--color-danger-border: #8a3c34;
		--color-success-surface: #13291d;
		--color-success-border: #285c3a;
		--color-success-text: #7dd3a0;
		--color-info-surface: #142338;
		--color-info-border: #2c4e88;
		--color-info-text: #8fb2ff;
		--color-warning-surface: #2d2114;
		--color-warning-border: #7a5824;
		--color-warning-text: #ffca76;
		--color-surface-subtle: #1c2025;
		--color-surface-soft: #1a1e23;
		--color-surface-muted: #171a1f;
	}
}