1/* Globals */
 2
 3:root {
 4  --sidebar-width: 300px;
 5  --sidebar-resize-indicator-width: 0px;
 6  --sidebar-resize-indicator-space: 2px;
 7  --page-padding: 15px;
 8  --content-max-width: 750px;
 9  --menu-bar-height: 64px;
10  --font: "IA Writer Quattro S", sans-serif;
11  --title-font: "Lora", "Helvetica Neue", Helvetica, Arial, sans-serif;
12  --mono-font: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
13    Liberation Mono, Courier New, monospace;
14  --code-font-size: 0.875em
15    /* please adjust the ace font size accordingly in editor.js */;
16
17  --bg: hsl(48, 30%, 95%);
18  --fg: hsl(220, 13%, 34%);
19  --title-color: hsl(220, 92%, 42%);
20
21  --border: hsl(220, 13%, 80%);
22  --border-hover: hsl(220, 13%, 70%);
23
24  --sidebar-fg: hsl(0, 0%, 0%);
25  --sidebar-non-existant: #aaaaaa;
26  --sidebar-active: hsl(219, 93%, 42%);
27  --sidebar-active-bg: hsl(219, 93%, 42%, 0.1);
28  --sidebar-spacer: #f4f4f4;
29
30  --scrollbar: #8f8f8f;
31
32  --icons: #747474;
33  --icons-hover: #000000;
34
35  --links: rgb(8, 76, 207);
36
37  --inline-code-color: #301900;
38
39  --theme-popup-bg: #fafafa;
40  --theme-popup-border: #cccccc;
41  --theme-hover: #e6e6e6;
42
43  --quote-bg: hsl(197, 37%, 96%);
44  --quote-border: hsl(197, 37%, 84%);
45
46  --warning-border: hsl(25, 100%, 85%);
47  --warning-bg: hsl(42, 100%, 60%, 0.1);
48  --warning-icon: hsl(42, 100%, 30%);
49
50  --table-header-bg: hsl(219, 50%, 90%, 0.4);
51  --table-border-color: hsl(219, 93%, 42%, 0.15);
52  --table-alternate-bg: hsl(219, 10%, 90%, 0.4);
53
54  --searchbar-border-color: #aaa;
55  --searchbar-bg: #fafafa;
56  --searchbar-fg: #000;
57  --searchbar-shadow-color: #aaa;
58  --searchresults-header-fg: #666;
59  --searchresults-border-color: #888;
60  --searchresults-li-bg: #e4f2fe;
61  --search-mark-bg: #a2cff5;
62
63  --color-scheme: light;
64}