@import "tailwindcss";
@import "@cloudflare/kumo/styles/tailwind";

/* Scan kumo components for utility classes */
@source "../../node_modules/@cloudflare/kumo/dist";

/* Scan blocks source for utility classes */
@source "../../src";

:root {
	color-scheme: light dark;
}

:root[data-theme="light"] {
	color-scheme: light;
}

:root[data-theme="dark"] {
	color-scheme: dark;
}

body {
	margin: 0;
	font-family:
		system-ui,
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		sans-serif;
	background-color: light-dark(#f5f5f5, #111);
}

/* Editor textarea */
.editor-textarea {
	font-family: "SF Mono", "Fira Code", "JetBrains Mono", ui-monospace, monospace;
	font-size: 13px;
	line-height: 1.5;
	tab-size: 2;
	resize: none;
}

/* Action log entries */
.action-log-entry {
	font-family: "SF Mono", "Fira Code", "JetBrains Mono", ui-monospace, monospace;
	font-size: 12px;
	line-height: 1.4;
}