1/* Globals */
 2
 3:root {
 4    --sidebar-width: 300px;
 5    --sidebar-resize-indicator-width: 8px;
 6    --sidebar-resize-indicator-space: 2px;
 7    --page-padding: 15px;
 8    --content-max-width: 750px;
 9    --menu-bar-height: 50px;
10    --font: "IA Writer Quattro S", sans-serif;
11    --title-font: "Agrandir", "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: rgb(246, 245, 240);
18    --fg: rgb(75, 83, 97);
19    --title-color: rgb(8, 76, 207);
20
21    --sidebar-fg: hsl(0, 0%, 0%);
22    --sidebar-non-existant: #aaaaaa;
23    --sidebar-active: rgb(8, 76, 207);
24    --sidebar-spacer: #f4f4f4;
25
26    --scrollbar: #8f8f8f;
27
28    --icons: #747474;
29    --icons-hover: #000000;
30
31    --links: rgb(8, 76, 207);
32
33    --inline-code-color: #301900;
34
35    --theme-popup-bg: #fafafa;
36    --theme-popup-border: #cccccc;
37    --theme-hover: #e6e6e6;
38
39    --quote-bg: hsl(197, 37%, 96%);
40    --quote-border: hsl(197, 37%, 91%);
41
42    --warning-border: #ff8e00;
43
44    --table-border-color: hsl(0, 0%, 95%);
45    --table-header-bg: hsl(0, 0%, 80%);
46    --table-alternate-bg: hsl(0, 0%, 97%);
47
48    --searchbar-border-color: #aaa;
49    --searchbar-bg: #fafafa;
50    --searchbar-fg: #000;
51    --searchbar-shadow-color: #aaa;
52    --searchresults-header-fg: #666;
53    --searchresults-border-color: #888;
54    --searchresults-li-bg: #e4f2fe;
55    --search-mark-bg: #a2cff5;
56
57    --color-scheme: light;
58}