// Default variables
body {
 	--bg-color: #F3F7F9;
 	--bg-highlight-color: #FFF;
 	--bg-code: #fffbf3;
 	--body-color: #444;
 	--title-color: #111;
 	--link-color: #2cb2f5;
 	--border-color:  rgba(0,0,0,.1);;
  --space: 2.5rem;
  --container-width: 800px;
}

@media screen and (max-width: 650px) {
	body {
		--space: 1.5rem;
	}
}


// Dark styles
.is-dark,
body[data-theme="dark"] {
 	--bg-color: #0D2538;
 	--bg-highlight-color: #0f2d44;
 	--bg-code: rgba(0,0,0,.3);
 	--border-color:  rgba(255,255,255,.1);;

 	--body-color: #ced8de;
 	--title-color: #fff;
}