:root {
	font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Ubuntu, Cantarell,
		sans-serif;

	--bg-body: #f6f6f6;
	--bg-body-dark: #06121b;
	--bg-header-page: #044;
	--bh-header-page-dark: #0e1c2c;
	--active-link: rgb(16 255 0 / 0.84);
	--hover-line: rgb(18 154 8 / 0.84);
	--color-black-pure: #000;
	--color-white-pure-alpha-80: rgba(255, 255, 255, 0.8);
}

html {
	font-family: system-ui, sans-serif;
	background-color: #f6f6f6;
}

body {
	background-color: var(--bg-body);
	transition: background-color 300ms linear;
}

body.dark {
	color: var(--color-white-pure-alpha-80);
	background-color: var(--bg-body-dark);
}