@font-face {
	font-family: "Tilda Sans";
	src: url("fonts/tilda-sans_regular.woff2") format("woff2");
	src: url("fonts/tilda-sans_regular.woff") format("woff");
}

/* @layer base, page, widget, widget_collapse, navigation,  modal; */

/* base = 1, widget = 10, widget_collapse = 100, navigation = 1000, modal = 10000 */


:root {


	--shadow-color: #d1d1d1;
	--accent-color: #9994ccf6;
	--dark-color: #120c58f6;
	--navigation-height: 50px;
    --page-margin: 6rem;
    --mob-page-margin: 1rem;

	--b-width: 0.14rem;
	--b-radius: 0.3rem;
	--text-col: black;
	--bg-col: white;
	--caca-col: #cacaca;
	
}

@media (prefers-color-scheme: dark) {
  :root {
	--accent-color: #9994ccf6;
	--text-col: white;
	--bg-col: #00001c;
	--caca-col: #696969;
  }
}


/* @layer base { */
	html, body, section, input, div, textarea, button {
		font-family: "Tilda Sans", sans-serif;
		font-size: 20px;
		background-color: var(--bg-col);
		color: var(--text-col);
	}

	* {
		font-family: "Tilda Sans", sans-serif;
		font-size: 1rem;
		
	}	
	
	a {
		color: var(--text-col);
		text-decoration: none;
	}
	
	svg {
		color: var(--text-col);
	}

	input, select, textarea, i {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	i {
		display: block;
		width: 1.2rem;
		height: 1.2rem;
	}


/* } */