@import url('https://fonts.googleapis.com/css2?family=SUSE+Mono:ital,wght@0,100..800;1,100..800&family=SUSE:ital,wght@0,100..900;1,100..900&family=Zalando+Sans+Expanded:ital,wght@0,200..900;1,200..900&display=swap');

@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: "Zalando Sans Expanded", sans-serif; 
}

h1 {
	font-weight: 900;
}

h2 {
	font-weight: 800;
}

h3 {
	font-weight: 700;
}

h4 {
	font-weight: 600;
}

h5 {
	font-weight: 500;
}

h6 {
	font-weight: 400;
}

p {
	font-family: "SUSE", sans-serif; 
}

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

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

ul {
	font-family: "SUSE", sans-serif; 
}

ol {
	font-family: "SUSE", sans-serif;
}

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