@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
	font-family: 'Monument';
	src: url('../static/fonts/MonumentReg.otf');
	font-weight: 400;
}

@font-face {
	font-family: 'Monument';
	src: url('../static/fonts/MonumentBold.otf');
	font-weight: 800;
}

:root {
	--primary-text-color: #666169;
	--accent-color: #684fe6;
	/* --accent-color: #5b6c8a; */
	--primary-bg-color: #f0eef7;
	--add-bg-color: #dedede;
	--add-dark-bg-color: #292d3e;
	--add-white-bg-color: #f7f7fa;
	--border-color: #dfdfdf;
	--red: #ff602c;
	--yellow: #ffb428;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;

	font-family: 'Inter Tight', sans-serif;
}

body {
	min-height: 100vh;

	display: flex;
	flex-direction: column;

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

a {
	color: var(--primary-text-color);
	text-decoration: none;
}