:root {
	--color-bg: #faf9fc;
	--color-surface: #ffffff;
	--color-text: #1f1a2e;
	--color-text-muted: #5f5873;
	--color-primary: #6b4fa0;
	--color-primary-contrast: #ffffff;
	--color-accent: #2e7d5b;
	--color-border: #e2ddec;
	--font-body: system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-serif: Georgia, 'Times New Roman', serif;
	--radius: 10px;
	--content-width: 72rem;
}

html.dark {
	--color-bg: #171321;
	--color-surface: #221c31;
	--color-text: #eae6f2;
	--color-text-muted: #a79fc0;
	--color-primary: #a68ad4;
	--color-primary-contrast: #171321;
	--color-accent: #5fbd93;
	--color-border: #372f4c;
}