/* Shared by the public theme and native editor. Palette values come from theme.json. */
:root {
	color-scheme: light dark;
	--kartodroms-background: var(--wp--preset--color--white, #fff);
	--kartodroms-foreground: var(--wp--preset--color--charcoal, #18181b);
	--kartodroms-surface: #fff;
	--kartodroms-subtle: #fafafa;
	--kartodroms-strong: #18181b;
	--kartodroms-strong-foreground: #fff;
	--kartodroms-muted: #f4f4f5;
	--kartodroms-muted-foreground: #52525b;
	--kartodroms-primary: var(--wp--preset--color--red, #b91c1c);
	--kartodroms-primary-foreground: #fff;
	--kartodroms-border: #e4e4e7;
	--kartodroms-ring: #b91c1c;
	--kartodroms-radius: 0.625rem;
	--kartodroms-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--kartodroms-gutter: clamp(1.25rem, 4vw, 3rem);
	--kartodroms-space: clamp(3rem, 6vw, 5.5rem);
	--kartodroms-width: 1200px;
}

/* CSS follows device changes immediately. Print always keeps the light palette above. */
@media screen and (prefers-color-scheme: dark) {
	:root {
		--kartodroms-background: #111113;
		--kartodroms-foreground: #fafafa;
		--kartodroms-surface: #18181b;
		--kartodroms-subtle: #18181b;
		--kartodroms-muted: #27272a;
		--kartodroms-muted-foreground: #a1a1aa;
		--kartodroms-primary: #f87171;
		--kartodroms-primary-foreground: #18181b;
		--kartodroms-border: #3f3f46;
		--kartodroms-ring: #f87171;
	}
}
@media print {
	:root {
		color-scheme: light;
	}
}