@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;
    --background: #ffffff;
    --text: #000000;
    --link: #364290;
    --link-hover: #00d478;
    --accent-1: #f6f6f6;
    --accent-2: #d4d4d6;
    --accent-3: #2b2b2b;
    --highlight: #525252;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --background: #20232a;
    --text: #f7f7f7;
    --link: #00d478;
    --link-hover: #00d478;
    --accent-1: #3d4149;
    --accent-2: #53565d;
    --accent-3: #d4d4d6;
    --highlight: #53565d;
  }
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Cabinet Grotesk", sans-serif; 
	font-weight: 800;
}

p {
	font-family: "Satoshi", sans-serif; 
	font-weight: 500;
}

.dt-published a {
	color: var(--accent-3);
	font-family: "Satoshi", sans-serif;
	font-size: 0.85em;
	font-weight: 400;  
}

blockquote {
	border-left: 2px solid var(--link-hover);
	font-weight: 400;
}

ul {
	font-family: "Satoshi", sans-serif; 
	font-weight: 500;
}

ol {
	font-family: "Satoshi", sans-serif;
	font-weight: 500;
}

code {
	font-family: var(--mono-space-font), mono;
}