1:root {
2    // Palette
3    --color-base03: #002b36;
4    --color-base01: #586e75;
5    --color-base00: #657b83;
6    --color-base0: #839496;
7    --color-base1: #93a1a1;
8    --color-base3: #fdf6e3;
9    --color-blue: #268bd2;
10
11    // Semantic
12    --bg: var(--color-base3);
13    --text: var(--color-base00);
14    --heading: var(--color-base01);
15    --link: var(--color-blue);
16}
17
18@media (prefers-color-scheme: dark) {
19    :root {
20        --bg: var(--color-base03);
21        --text: var(--color-base0);
22        --heading: var(--color-base1);
23    }
24}