diff --git a/src/main.css b/src/main.css
index 169787b..2575764 100644
--- a/src/main.css
+++ b/src/main.css
@@ -1,5 +1,5 @@
 html {
-	background: #eee;
+	background: var(--color-brand-canvas);
 	font-family: Ubuntu, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
 		"Segoe UI Emoji", "Segoe UI Symbol", "Lato", "Helvetica Neue", Helvetica, Arial,
 		sans-serif;
@@ -9,7 +9,8 @@ html {
 body {
 	max-width: 1024px;
 	margin: 1rem auto;
-	background: white;
+	background: var(--color-brand-text-bg);
+	color: var(--color-brand-text-fg);
 	padding: 1rem;
 }
 
@@ -42,3 +43,7 @@ body.jdd-editor {
 	margin: 0 !important;
 	padding: 0 !important;
 }
+
+a {
+	color: var(--color-brand-link-fg);
+}