/* Base */

:root {
	--link-transition-time: 0.20s;
	--link-transition-mode: cubic-bezier(0.36, 0.61, 0.18, 0.94);
}

/* Query */

@media (prefers-color-scheme: light) {
	:root {
		--page-background: rgb(255, 255, 255);
		--text-color: #202020;
		
		--hr-border-color: #ffffff10;
		
		--link-color: #5e5ce6;
		--link-decoration-color: #ffd60a3f;
		--link-hover-color: #fbffc8ff;
		--link-color-active: #ffa221;
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--page-background: #202020;
		--text-color: #fff;
		
		--hr-border-color: #ffffff10;
		
		--link-color: #FFD60A;
		--link-decoration-color: #ffd60a3f;
		--link-hover-color: #fbffc8ff;
		--link-color-active: #ffa221;
	}
}

@media screen and (max-width: 550px) {

}

/* Page */

html {	
	scroll-behavior: smooth;
}

body {
	background: var(--page-background);	
	
	padding: 1.5em 1.5em;
	margin: auto;

	font-family: "inter-variable", sans-serif;
	font-variation-settings: "slnt" 0, "wght" 500;

	color: var(--text-color);

	/* font-family: "ibm-plex-mono", sans-serif;
	font-weight: 600;
	font-style: normal; */
}