1@import url('https://fonts.bunny.net/css?family=ibm-plex-sans:400,600|ibm-plex-mono:400');
2
3:root {
4  --background: #ffffff;
5  --highlight:  #eeeeee;
6  --secondary:  #aaaaaa;
7  --primary:    #444444;
8  --emphasized: #1a1a1a;
9
10  --font-body:    "IBM Plex Sans", sans-serif;
11  --font-mono:    "IBM Plex Mono", monospace;
12  --font-heading: "IBM Plex Sans", sans-serif;
13
14  --yellow:  #d4a017;
15  --orange:  #d05a2b;
16  --red:     #cc3333;
17  --magenta: #bb3377;
18  --violet:  #6655aa;
19  --blue:    #3366cc;
20  --cyan:    #1a9988;
21  --green:   #558833;
22}
23
24@media (prefers-color-scheme: dark) {
25  :root {
26    --background: #1e1e1e;
27    --highlight:  #252526;
28    --secondary:  #555555;
29    --primary:    #d4d4d4;
30    --emphasized: #ffffff;
31    --violet:     #9977cc;
32    --blue:       #4fc1ff;
33    --cyan:       #4ec9b0;
34    --green:      #6a9955;
35  }
36}