@layer global, theme, common;

@import url("./modern-normalize.css");
@import url("./common.css");

@font-face {
	font-family: InterVariable;
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/InterVariable.woff2") format("woff2");
}
@font-face {
	font-family: InterVariable;
	font-style: italic;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/InterVariable-Italic.woff2") format("woff2");
}

body {
	font-family: "InterVariable", sans-serif;
	font-feature-settings: 
		"cv06" off, "cv02" on, "cv03" on, "cv04" on,
		"cv11" on, "cv08" on, "cv12" on, "cv13" off;
	background-color: var(--cc-color-neutral);
	color: var(--cc-color-accent);
	line-height: 1.6;
}

::selection {
	background-color: var(--cc-color-accent);
	color: var(--cc-color-accent-inner-text);
}