+|*| Properties for the page: colors, etc.
+|*|
+|*| This is intended to be the easiest section to edit
+|*| some easy custom theming, (a custom color scheme, etc.).
+|*|
+\*/
+
+:root {
+ /* Standard colors for text. */
+ --text-fg-color: #333738;
+ --text-fg-color-max-contrast: black;
+ --text-bg-color: white;
+ --outside-page-bg-color: #333738;
+
+ /* A little color to avoid a fully monochromatic theme. */
+ --accent-color: #287789;
+ --accent-color-bright: #44c7ef;
+
+ /* Some colors intended to convey semnatics. */
+ --warning-color: #ffa92a;
+ --danger-color: #f56257;
+ --danger-color-dark: #bc2822;
+
+ /* Page layout */
+ --page-max-width: 720px;
+ --page-max-pad: 50px;
+ --page-max-width-padded: calc(var(--page-max-width) + 2 * var(--page-max-pad));
+}
+
+/*\
+|*|
+|*| Core elements: Sizing, padding, and application of theme colors