diff --git a/css/unturf.css b/css/unturf.css
index 3aa8e2a..c26cb9c 100644
--- a/css/unturf.css
+++ b/css/unturf.css
@@ -9,8 +9,8 @@
   --primary: #43a047;
 
   /* step label */
-  --step-bg: #263238;
-  --step-text: #CDDC39;
+  --step-bg: var(--primary);
+  --step-text: #fff;
 
   /* callout boxes */
   --honest-border: #F44336;
@@ -21,9 +21,9 @@
   --warning-bg: rgba(255, 152, 0, 0.05);
 
   /* footnotes */
-  --footnote-link: #CDDC39;
-  --footnote-highlight-bg: rgba(205, 220, 57, 0.1);
-  --footnote-highlight-border: #CDDC39;
+  --footnote-link: var(--primary);
+  --footnote-highlight-bg: rgba(67, 160, 71, 0.1);
+  --footnote-highlight-border: var(--primary);
 
   /* diagrams */
   --diagram-caption: #888;
@@ -102,8 +102,11 @@
   display: inline-block;
   background: var(--step-bg);
   color: var(--step-text);
-  padding: 0.2em 0.6em;
-  font-size: 0.8em;
+  padding: 0.3em 0.75em;
+  font-size: 0.75em;
+  font-weight: bold;
+  letter-spacing: 0.08em;
+  border-radius: 0.25rem;
   margin-bottom: 0.5em;
 }
 
@@ -114,8 +117,9 @@
 .warning-box {
   border-left-width: 4px;
   border-left-style: solid;
-  padding: 0.5em 1em;
+  padding: 0.75em 1em;
   margin: 1em 0;
+  border-radius: 0 0.25rem 0.25rem 0;
 }
 
 .honest-box     { border-color: var(--honest-border);  background: var(--honest-bg); }
diff --git a/styleguide/index.html b/styleguide/index.html
index 8668447..6aae4fc 100644
--- a/styleguide/index.html
+++ b/styleguide/index.html
@@ -54,11 +54,11 @@ A living reference for every component, element, & pattern across <span class="u
 <h4>Step Label</h4>
 <div class="swatch-row">
   <span class="swatch" style="background: var(--step-bg);"></span>
-  <code>--step-bg</code> #263238
+  <code>--step-bg</code> inherits <code>--primary</code> (#43a047)
 </div>
 <div class="swatch-row">
   <span class="swatch" style="background: var(--step-text);"></span>
-  <code>--step-text</code> #CDDC39
+  <code>--step-text</code> #fff
 </div>
 
 <h4>Callout Boxes</h4>
@@ -78,11 +78,11 @@ A living reference for every component, element, & pattern across <span class="u
 <h4>Footnotes</h4>
 <div class="swatch-row">
   <span class="swatch" style="background: var(--footnote-link);"></span>
-  <code>--footnote-link</code> #CDDC39
+  <code>--footnote-link</code> inherits <code>--primary</code> (#43a047)
 </div>
 <div class="swatch-row">
   <span class="swatch" style="background: var(--footnote-highlight-border);"></span>
-  <code>--footnote-highlight-border</code> #CDDC39
+  <code>--footnote-highlight-border</code> inherits <code>--primary</code> (#43a047)
 </div>
 
 <h4>Eight Forms of Capital</h4>