1:root {
2  --background: #ffffff;
3  --highlight:  #eeeeee;
4  --secondary:  #aaaaaa;
5  --primary:    #444444;
6  --emphasized: #1a1a1a;
7
8  --font-body:    system-ui, sans-serif;
9  --font-mono:    ui-monospace, monospace;
10  --font-heading: system-ui, sans-serif;
11
12  --yellow:  #d4a017;
13  --orange:  #d05a2b;
14  --red:     #cc3333;
15  --magenta: #bb3377;
16  --violet:  #6655aa;
17  --blue:    #3366cc;
18  --cyan:    #1a9988;
19  --green:   #558833;
20}
21
22@media (prefers-color-scheme: dark) {
23  :root {
24    --background: #1e1e1e;
25    --highlight:  #252526;
26    --secondary:  #555555;
27    --primary:    #d4d4d4;
28    --emphasized: #ffffff;
29    --violet:     #9977cc;
30    --blue:       #4fc1ff;
31    --cyan:       #4ec9b0;
32    --green:      #6a9955;
33  }
34}