1:root {
2    /*****************************************************************************
3    * Theme config
4    **/
5    --pst-header-height: 60px;
6
7    /*****************************************************************************
8    * Font size
9    **/
10    --pst-font-size-base: 15px; /* base font size - applied at body / html level */
11
12    /* heading font sizes */
13    --pst-font-size-h1: 36px;
14    --pst-font-size-h2: 32px;
15    --pst-font-size-h3: 26px;
16    --pst-font-size-h4: 21px;
17    --pst-font-size-h5: 18px;
18    --pst-font-size-h6: 16px;
19
20    /* smaller then heading font sizes*/
21    --pst-font-size-milli: 12px;
22
23    --pst-sidebar-font-size: .9em;
24    --pst-sidebar-caption-font-size: .9em;
25
26    /*****************************************************************************
27    * Font family
28    **/
29    /* These are adapted from https://systemfontstack.com/ */
30    --pst-font-family-base-system: -apple-system, BlinkMacSystemFont, Segoe UI, "Helvetica Neue",
31    Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
32    --pst-font-family-monospace-system: "SFMono-Regular", Menlo, Consolas, Monaco,
33    Liberation Mono, Lucida Console, monospace;
34
35    --pst-font-family-base: var(--pst-font-family-base-system);
36    --pst-font-family-heading: var(--pst-font-family-base);
37    --pst-font-family-monospace: var(--pst-font-family-monospace-system);
38
39    /*****************************************************************************
40    * Color
41    *
42    * Colors are defined in rgb string way, "red, green, blue"
43    **/
44    --pst-color-primary: 3, 134, 150;
45    --pst-color-primary-dark: 2, 89, 100;
46    --pst-color-secondary: 230, 169, 10;
47    --pst-color-success: 40, 167, 69;
48    --pst-color-info: 0, 123, 255;  /*23, 162, 184;*/
49    --pst-color-warning: 255, 193, 7;
50    --pst-color-danger: 220, 53, 69;
51    --pst-color-text-base: 51, 51, 51;
52
53    --pst-color-h1: var(--pst-color-primary-dark);
54    --pst-color-h2: var(--pst-color-primary-dark);
55    --pst-color-h3: var(--pst-color-text-base);
56    --pst-color-h4: var(--pst-color-text-base);
57    --pst-color-h5: var(--pst-color-text-base);
58    --pst-color-h6: var(--pst-color-text-base);
59    --pst-color-paragraph: var(--pst-color-text-base);
60    --pst-color-link: var(--pst-color-primary);
61    --pst-color-link-hover: var(--pst-color-secondary);
62    --pst-color-headerlink: var(--pst-color-primary);
63    --pst-color-headerlink-hover: 255, 255, 255;
64    --pst-color-preformatted-text: 34, 34, 34;
65    --pst-color-preformatted-background: 250, 250, 250;
66    --pst-color-inline-code: var(--pst-color-primary);
67
68    --pst-color-active-navigation: var(--pst-color-secondary);
69    --pst-color-navbar-link: 77, 77, 77;
70    --pst-color-navbar-link-hover: var(--pst-color-active-navigation);
71    --pst-color-navbar-link-active: var(--pst-color-active-navigation);
72    --pst-color-sidebar-link: 77, 77, 77;
73    --pst-color-sidebar-link-hover: var(--pst-color-active-navigation);
74    --pst-color-sidebar-link-active: var(--pst-color-active-navigation);
75    --pst-color-sidebar-expander-background-hover: 244, 244, 244;
76    --pst-color-sidebar-caption: 77, 77, 77;
77    --pst-color-toc-link: 119, 117, 122;
78    --pst-color-toc-link-hover: var(--pst-color-active-navigation);
79    --pst-color-toc-link-active: var(--pst-color-active-navigation);
80
81    /*****************************************************************************
82    * Icon
83    **/
84
85    /* font awesome icons*/
86    --pst-icon-check-circle: '\f058';
87    --pst-icon-info-circle: '\f05a';
88    --pst-icon-exclamation-triangle: '\f071';
89    --pst-icon-exclamation-circle: '\f06a';
90    --pst-icon-times-circle: '\f057';
91    --pst-icon-lightbulb: '\f0eb';
92
93    /*****************************************************************************
94    * Admonitions
95    **/
96
97    --pst-color-admonition-default: var(--pst-color-info);
98    --pst-color-admonition-note: var(--pst-color-info);
99    --pst-color-admonition-attention: var(--pst-color-warning);
100    --pst-color-admonition-caution: var(--pst-color-warning);
101    --pst-color-admonition-warning: var(--pst-color-warning);
102    --pst-color-admonition-danger: var(--pst-color-danger);
103    --pst-color-admonition-error: var(--pst-color-danger);
104    --pst-color-admonition-hint: var(--pst-color-success);
105    --pst-color-admonition-tip: var(--pst-color-success);
106    --pst-color-admonition-important: var(--pst-color-success);
107
108    --pst-icon-admonition-default: var(--pst-icon-info-circle);
109    --pst-icon-admonition-note: var(--pst-icon-info-circle);
110    --pst-icon-admonition-attention: var(--pst-icon-exclamation-circle);
111    --pst-icon-admonition-caution: var(--pst-icon-exclamation-triangle);
112    --pst-icon-admonition-warning: var(--pst-icon-exclamation-triangle);
113    --pst-icon-admonition-danger: var(--pst-icon-exclamation-triangle);
114    --pst-icon-admonition-error: var(--pst-icon-times-circle);
115    --pst-icon-admonition-hint: var(--pst-icon-lightbulb);
116    --pst-icon-admonition-tip: var(--pst-icon-lightbulb);
117    --pst-icon-admonition-important: var(--pst-icon-exclamation-circle);
118
119}