@use '@n8n/design-system/css/_primitives' as primitives;
@use '@n8n/design-system/css/_tokens' as tokens;

:root {
	color-scheme: light dark;
	@include primitives.primitives;
	@include tokens.theme;
}

@media (prefers-color-scheme: dark) {
	body:not([data-theme]) {
		@include tokens.theme-dark;
	}
}

@font-face {
	font-family: InterVariable;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('@n8n/design-system/../assets/fonts/InterVariable.woff2') format('woff2');
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	font-family:
		InterVariable,
		-apple-system,
		BlinkMacSystemFont,
		'Segoe UI',
		Roboto,
		sans-serif;
	-webkit-font-smoothing: antialiased;
	background-color: var(--color--background);
	color: var(--color--text--shade-1);
}