1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
:root {  /* Light colors */  color-scheme: light;  --color-base: hsl(220, 20%, 10%);  --color-text: hsl(220, 20%, 20%);  --color-dim: hsl(220, 20%, 40%);  --color-link: hsl(220, 20%, 10%);  --color-link-hover: hsl(220, 20%, 40%);  --color-line: hsl(220, 20%, 90%);  --color-background: hsl(220, 20%, 100%);  /* Fonts */  --font-family-code: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;  --font-family-ui: -apple-system, system-ui, sans-serif;  --font-family-display: Epilogue, var(--font-family-ui);  --font-code: .9em/1.5 var(--font-family-code);  --font-display: bold clamp(2rem, 10vw, 4rem)/1 var(--font-family-display);  --font-display-spacing: -0.02em;  --font-title: bold clamp(1.5rem, 8vw, 2rem)/1.2 var(--font-family-display);  --font-title-spacing: -0.015em;  --font-body: clamp(1rem, 5vw, 1.2rem)/1.6 var(--font-family-ui);  --font-body-bold: bold var(--font-body);  --font-body-spacing: 0;  --font-ui: 1rem/1.4 var(--font-family-ui);  --font-ui-bold: bold var(--font-ui);  --font-small: 0.85rem/1.4 var(--font-family-ui);  /* Space */  --row-gap-xsmall: 1rem;  --row-gap-small: 2.5rem;  --row-gap-medium: 5rem;  /* Pagefind */  --pagefind-ui-scale: .8;  --pagefind-ui-primary: var(--color-text);  --pagefind-ui-text: var(--color-text);  --pagefind-ui-background: var(--color-background);  --pagefind-ui-border: var(--color-line);  --pagefind-ui-tag: #eeeeee;  --pagefind-ui-border-width: 1px;  --pagefind-ui-border-radius: 6px;  --pagefind-ui-image-border-radius: 6px;  --pagefind-ui-image-box-ratio: 3 / 2;  --pagefind-ui-font: var(--font-family-ui);}
@supports (font-variation-settings: normal) {  :root {    --font-family-ui: Inter, -apple-system, system-ui, sans-serif;    --font-display-spacing: -0.035em;    --font-title-spacing: -0.025em;    --font-body-spacing: -0.015em;  }}
/* Dark colors */@media (prefers-color-scheme: dark) {  :root {    color-scheme: dark;    --color-base: hsl(220, 20%, 100%);    --color-text: hsl(220, 20%, 80%);    --color-dim: hsl(220, 20%, 60%);    --color-link: hsl(220, 20%, 100%);    --color-link-hover: hsl(220, 20%, 70%);    --color-line: hsl(220, 20%, 20%);    --color-background: hsl(220, 20%, 10%);  }}