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: hsla(50, 25%, 96%);
18  --fg: hsl(220, 13%, 34%);
19  --title-color: hsl(220, 92%, 42%);
20
21  --border: hsl(220, 13%, 80%);
22  --border-light: hsl(220, 13%, 90%);
23  --border-hover: hsl(220, 13%, 70%);
24
25  --sidebar-fg: hsl(0, 0%, 0%);
26  --sidebar-non-existant: #aaaaaa;
27  --sidebar-active: hsl(219, 93%, 42%);
28  --sidebar-active-bg: hsl(219, 93%, 42%, 0.1);
29  --sidebar-spacer: #f4f4f4;
30
31  --scrollbar: #8f8f8f;
32
33  --icons: #747474;
34  --icons-hover: #000000;
35
36  --links: rgb(8, 76, 207);
37
38  --inline-code-color: #301900;
39
40  --theme-popup-bg: #fafafa;
41  --theme-popup-border: #cccccc;
42  --theme-hover: #e6e6e6;
43
44  --quote-bg: hsl(197, 37%, 96%);
45  --quote-border: hsl(197, 37%, 84%);
46
47  --warning-border: hsl(25, 100%, 85%);
48  --warning-bg: hsl(42, 100%, 60%, 0.1);
49  --warning-icon: hsl(42, 100%, 30%);
50
51  --table-header-bg: hsl(219, 50%, 90%, 0.4);
52  --table-border-color: hsl(219, 93%, 42%, 0.15);
53  --table-alternate-bg: hsl(219, 10%, 90%, 0.4);
54
55  --searchbar-border-color: #aaa;
56  --searchbar-bg: #fafafa;
57  --searchbar-fg: #000;
58  --searchbar-shadow-color: #aaa;
59  --searchresults-header-fg: #666;
60  --searchresults-border-color: #888;
61  --searchresults-li-bg: #e4f2fe;
62  --search-mark-bg: #a2cff5;
63
64  --color-scheme: light;
65}