diff --git a/cigaradvisor/blocks/authorcard/authorcard.css b/cigaradvisor/blocks/authorcard/authorcard.css
index 7644cdf6..9d98b723 100644
--- a/cigaradvisor/blocks/authorcard/authorcard.css
+++ b/cigaradvisor/blocks/authorcard/authorcard.css
@@ -43,9 +43,9 @@
 }
 
 .authorcard.block .left-column h2 {
-    font-family: "alfa slab one", cursive;
-    font-size: 40px !important;
-    color: #673841;
+    font-family: var(--ff-alfaslabone);
+    font-size: var(--heading-font-size-xl);
+    color: var(--deep-reddish-brown);
     margin-top: 0;
     padding-bottom: 10px;
     border-image-source: url('/cigaradvisor/images/author-card/media_176afb26345b78f372ca811cf0e842c7ff75875a5.png');
@@ -54,28 +54,28 @@
 }
 
 .authorcard.block .left-column h2:first-child {
-    font-size: 35px !important;
+    font-size: var(--heading-font-size-l);
     border-bottom: none;
 }
 
 
 .authorcard.block .left-column p {
-    font-family: "open sans", sans-serif;
-    font-weight: 600;
-    color: #141414;
-    font-size: 12px;
+    font-family: var(--ff-opensans);
+    font-weight: var(--font-weight-semibold);
+    color: var(--dark-grey);
+    font-size: var(--body-font-size-xs);
     cursor: default;
     margin-top: 30px;
 }
 
 .authorcard.block .left-column .button {
-    background-color: #000;
+    background-color: var(--black);
     border: 2px solid;
-    font-family: montserrat, sans-serif;
-    font-weight: 700;
-    color: #fff;
+    font-family: var(--ff-montserrat);
+    font-weight: var(--font-weight-bold);
+    color: var(--white);
     text-transform: uppercase;
-    border-color: #8e7b5c;
+    border-color: var(--tan);
     display: inline-block;
     line-height: 26px;
     height: 50px;
@@ -91,15 +91,15 @@
     margin: 2px 0;
     padding-left: 1em;
     border-radius: 0;
-    font-size: 1em;
+    font-size: var(--body-font-size-s);
     outline: none;
     vertical-align: middle;
 }
 
 .authorcard.block .button:hover {
     transition: .5s;
-    background-color: #b19b5e;
-    border-color: #b19b5e;
+    background-color: var(--subdued-gold);
+    border-color: var(--subdued-gold);
     text-decoration: none;
 }
 
@@ -131,10 +131,10 @@
 }
 
 .authorcard.block .right-column p {
-    color: #fff;
+    color: var(--white);
     text-transform: uppercase;
     background-color: transparent;
-    font-family: montserrat, sans-serif;
+    font-family: var(--ff-montserrat);
     text-align: center;
     cursor: default;
 }
@@ -144,9 +144,9 @@
     overflow: hidden;
     text-overflow: ellipsis;
     display: block;
-    color: #fff;
-    font-weight: 800;
-    font-size: 20px;
+    color: var(--white);
+    font-weight: var(--font-weight-extrabold);
+    font-size: var(--body-font-size-xl);
 }
 
 .authorcard.block .right-column p>a:hover {
@@ -173,7 +173,7 @@
     transform: translate(-50%, -50%);
     opacity: 0;
     transition: opacity 0.3s ease;
-    color: white;
+    color: var(--white);
     text-align: center;
 }
 
diff --git a/cigaradvisor/styles/styles.css b/cigaradvisor/styles/styles.css
index 48340bb9..7cf43371 100644
--- a/cigaradvisor/styles/styles.css
+++ b/cigaradvisor/styles/styles.css
@@ -123,6 +123,12 @@
 
  :root {
   /* colors */
+  --deep-reddish-brown: #673841;
+  --dark-grey: #141414;
+  --black: #000;
+  --white: #fff;
+  --tan: #8e7b5c;
+  --subdued-gold: #b19b5e;
 
   /* fonts */
    --ff-arial: 'Arial', sans-serif;
@@ -133,6 +139,30 @@
   /* body sizes */
 
   /* heading sizes */
+  --heading-font-size-xxs: 18px;
+  --heading-font-size-xs: 20px;
+  --heading-font-size-s: 24px;
+  --heading-font-size-m: 26px;
+  --heading-font-size-l: 35px;
+  --heading-font-size-xl: 40px;
+
+  /* Font Weights */
+  --font-weight-extrabold: 700;
+  --font-weight-bold: 700;
+  --font-weight-semibold: 600;
+  --font-weight-normal: 400;
+  --font-weight-light: 300;
+  --font-weight-thin: 100;
+
+   /* Body */
+   --body-font-size-xxs: 10px;
+   --body-font-size-xs: 12px;
+   --body-font-size-s: 14px;
+   --body-font-size-m: 16px;
+   --body-font-size-l: 18px;
+   --body-font-size-xl: 20px;
+   --body-font-size-xxl: 24px;
+
 
   /* nav height */
   --nav-height: 64px;