html {
	--toolbar-height: 60px;
}

:root:not([data-theme='dark']) {
	--primary: #245799;
	--secondary: #e02828;
	--background: #ffffff;
	--text: #000000;
}

body {
	margin: 0;
	display: flex;
	flex-direction: column;
	height: 100dvh;
	font-family: 'poppins', sans-serif;
}

main {
	margin-top: var(--toolbar-height);
	background-color: var(--background);
	color: var(--text);
	flex: 1;
}

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/MaterialSymbolsOutlined.woff2') format('woff2');
  font-display: block;
}