@import "tailwindcss";


@theme {
	--light-text-color: #213547;
	--light-bg-color: #FFFFFF;

	--dark-text-color: #FFFFFFDE;
	--dark-bg-color: #242424;
}


:root {
	font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
	line-height: 1.5;
	font-weight: 400;

	color-scheme: light dark;

	font-synthesis: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	color: var(--text-color);
	background-color: var(--bg-color);
}

:root.light {
	--text-color: var(--light-text-color);
	--bg-color: var(--light-bg-color);
}

:root.dark {
	--text-color: var(--dark-text-color);
	--bg-color: var(--dark-bg-color);
}