1:root {
2  --background: #fdf6e3;
3  --highlight:  #eee8d5;
4  --secondary:  #93a1a1;
5  --primary:    #657b83;
6  --emphasized: #586e75;
7
8  --font-body:    system-ui, sans-serif;
9  --font-mono:    ui-monospace, monospace;
10  --font-heading: system-ui, sans-serif;
11
12  --yellow:  #b58900;
13  --orange:  #cb4b16;
14  --red:     #dc322f;
15  --magenta: #d33682;
16  --violet:  #6c71c4;
17  --blue:    #268bd2;
18  --cyan:    #2aa198;
19  --green:   #859900;
20}
21
22@media (prefers-color-scheme: dark) {
23  :root {
24    --background: #002b36;
25    --highlight:  #073642;
26    --secondary:  #586e75;
27    --primary:    #839496;
28    --emphasized: #93a1a1;
29  }
30}