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