diff --git a/assets/shared.css b/assets/shared.css
index bc0d60a1..6bad192f 100644
--- a/assets/shared.css
+++ b/assets/shared.css
@@ -1,3 +1,7 @@
+:root {
+  --light-gray: #605e5c;
+  --sea-blue: #0078d4;
+}
 html {
   box-sizing: border-box;
 }
@@ -12,7 +16,7 @@ body {
 }
 
 a {
-  color: #0078d4;
+  color: var(--sea-blue);
   text-decoration: none;
 }
 
@@ -100,17 +104,17 @@ a.Tile-link:hover {
 .Tile-link i {
   font-size: 32px;
   margin-bottom: 12px;
-  color: #605e5c;
+  color: var(--light-gray);
 }
 
 .Tile-links {
   font-size: 16px;
-  color: #605e5c;
+  color: var(--light-gray);
 }
 
 .Tile-links a {
   text-decoration: none;
-  color: #0078d4;
+  color: var(--sea-blue);
 }
 
 .Tile-links a:hover {
@@ -136,5 +140,5 @@ a.Tile-link:hover {
 
 .Tile--intro a,
 .Tile--intro a:visited {
-  color: #0078d4;
+  color: var(--sea-blue);
 }