@font-face {
	font-family: "Ubuntu";
	src: url("./assets/fonts/Ubuntu/Ubuntu-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Ubuntu";
	src: url("./assets/fonts/Ubuntu/Ubuntu-Light.ttf") format("truetype");
	font-weight: 100;
}

@font-face {
	font-family: "Ubuntu";
	src: url("./assets/fonts/Ubuntu/Ubuntu-Light.ttf") format("truetype");
	font-weight: 300;
}

@font-face {
	font-family: "Ubuntu";
	src: url("./assets/fonts/Ubuntu/Ubuntu-Bold.ttf") format("truetype");
	font-weight: 700;
}

@font-face {
	font-family: "Source Sans Pro";
	src: url("./assets/fonts/Source_Sans_3/SourceSans3-VariableFont_wght.ttf") format("truetype");
}

:root {
	--headline-font: Ubuntu, system-ui, Avenir, Helvetica, Arial, sans-serif;
	--text-font: Source Sans Pro, system-ui, Avenir, Helvetica, Arial, sans-serif;

	--fade-color-start: #59b689;
	--fade-color-end: #557fbb;

	--read-primary-color: #f0f0f0;
	--read-secondary-color: #d6d6d6;
	--read-tertiary-color: #222222;

	--background-dark-color: #111315;
	--background-light-color: #FFFFFF;

	--surface-dark-color: #1f2022;

	--primary-color: #95b4dd;

	--navbar-height: 65px;
}

body {
	font-family: var(--text-font);
	width: 100dvw;
	height: 100dvh;
	margin: 0;
	padding: 0;
	background-color: var(--background-dark-color);
	color: var(--read-primary-color);
	position: absolute;
	top: 0;
	left: 0;
	color-scheme: dark;
}

* {
	box-sizing: border-box;
	min-width: 0;
}