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
18.light {
19    --bg: rgb(246, 245, 240);
20    --fg: rgb(75, 83, 97);
21    --title-color: rgb(8, 76, 207);
22
23    --sidebar-fg: hsl(0, 0%, 0%);
24    --sidebar-non-existant: #aaaaaa;
25    --sidebar-active: rgb(8, 76, 207);
26    --sidebar-spacer: #f4f4f4;
27
28    --scrollbar: #8f8f8f;
29
30    --icons: #747474;
31    --icons-hover: #000000;
32
33    --links: rgb(8, 76, 207);
34
35    --inline-code-color: #301900;
36
37    --theme-popup-bg: #fafafa;
38    --theme-popup-border: #cccccc;
39    --theme-hover: #e6e6e6;
40
41    --quote-bg: hsl(197, 37%, 96%);
42    --quote-border: hsl(197, 37%, 91%);
43
44    --warning-border: #ff8e00;
45
46    --table-border-color: hsl(0, 0%, 95%);
47    --table-header-bg: hsl(0, 0%, 80%);
48    --table-alternate-bg: hsl(0, 0%, 97%);
49
50    --searchbar-border-color: #aaa;
51    --searchbar-bg: #fafafa;
52    --searchbar-fg: #000;
53    --searchbar-shadow-color: #aaa;
54    --searchresults-header-fg: #666;
55    --searchresults-border-color: #888;
56    --searchresults-li-bg: #e4f2fe;
57    --search-mark-bg: #a2cff5;
58
59    --color-scheme: light;
60}