// Default
* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
 	background-color: var(--bg-color);
 	color: var(--body-color);
 	transition: color .6s, background-color .6s;
 	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  margin:0;
  padding:0;
  line-height: 1.5;
}

a:not(.button) {
	color: var(--link-color);
 	transition: color .6s;
	&:hover {
		opacity: .8;
	}
}

h1,h2,h3,h4,h5,h6 {
	transition: color .6s;
	color: var(--title-color);
}

.bg-highlight {
	background-color: var(--bg-highlight-color);
	transition: background-color .6s;
	padding: var(--space);
  border-radius: 5px;
  box-shadow: 1px 1px 5px 0 rgba(0,0,0,.02), 1px 1px 15px 0 rgba(0,0,0,.03);
  transition: transform .3s, background-color .3s, box-shadow .6s;
}