:root {
/* Standard colors for text. */
--text-fg-color: #333738;
+ --text-fg-color-max-contrast: black;
--text-bg-color: white;
--outside-page-bg-color: #333738;
/*\
|*|
-|*| Core elements: Sizing and padding
+|*| Core elements: Sizing, padding, and application of theme colors
|*|
\*/
body {
line-height: 1.25;
font-family: sans-serif;
+ color: var(--text-fg-color-max-contrast);
}
h1 {
+ color: var(--text-fg-color);
font-size: 150%;
font-weight: bold;
}
h2 {
+ color: var(--text-fg-color);
font-size: 110%;
font-weight: bold;
}