diff --git a/arise-source/config/main.css b/arise-source/config/main.css
index f6c7548..35e6c40 100644
--- a/arise-source/config/main.css
+++ b/arise-source/config/main.css
@@ -10,13 +10,13 @@ body{
         line-height:1.6;
         font-size:18px;
         color: #d2b48c; /* muted gold-beige text */
-        background-color: #1e1b17; /* warm dark brown background */
+        background-color: #1e1b17; /* deep dark brown */
         padding:0 10px;
 }
 /********************************/
 /********************************/
 
-/*** Post styling. This section is for defining markup classes to make it easier to write prettier posts. ***/
+/*** Post styling ***/
 
 img {
     max-width: 100%;
@@ -51,7 +51,7 @@ pre {
 }
 
 blockquote {
-        border-left: 1px solid #6b5633;
+        border-left: 2px solid #8a9a5b; /* olive/moss border */
         display:block;
         margin-top: 1em;
         margin-bottom: 1em;
@@ -59,19 +59,19 @@ blockquote {
         padding-left: 10px;
         margin-right: 40px;
         font-style: italic;
-        color: #bfa074; /* subtle, readable tone */
+        color: #bfa074; /* soft warm text */
 }
 
 hr {
         border: none;
-        border-top: 1px solid #6b5633;
+        border-top: 1px solid #c57c3b; /* burnt sienna */
         margin: 1.5em auto;
         max-width: 300px;
 }
 
 #endline { /* Special kind of <hr> for spacing out footnotes from the rest of a post */
         border: none;
-        border-top:1px solid #6b5633;              
+        border-top:1px solid #6b5633; /* bronze */
         margin-left: auto;              
         margin-right: auto;
         max-width: 300px;
@@ -79,23 +79,25 @@ hr {
 }
 
 a {
-    color: #d6b676; /* muted gold */
+    color: #c57c3b; /* burnt sienna links */
     text-decoration: none;
 }
 a:hover {
-    color: #f0d89a; /* lighter gold on hover */
+    color: #f0d89a; /* amber/gold hover */
 }
 
 h1{
-        line-height:1.2
+        line-height:1.2;
+        color: #d2b48c;
 }
 
 h2,h3{
         padding-top:24px;
-        line-height:1.2
+        line-height:1.2;
+        color: #d6b676; /* slightly muted gold */
 }
 
-/* Style for inline dates. These are configured via a separate include file in /config/content_header.html. See notes on Arise page creation for more details. */
+/* Inline dates */
 .date { 
         padding-bottom:0;
         margin-bottom:0;
@@ -117,9 +119,9 @@ h2,h3{
 /********************************/
 /********************************/
 
-/*** Modular component styles. Includes styling for the headers, navigation controls, and footer. */
+/*** Modular components ***/
 
-/* Site logo. Styled to responsively move to either left or be centred, depending if the page is being viewed on desktop or mobile respectively. */
+/* Logo */
 .logo {           
         margin-bottom:20px;
         text-align:center;
@@ -129,12 +131,12 @@ h2,h3{
         opacity: 0.95;
 }
 
-/* Navbar styling. */
+/* Navbar styling */
 .topbar {
         text-align: center;
         padding: 10px 0;
-        border-top: 1px solid #6b5633;
-        border-bottom: 1px solid #6b5633;
+        border-top: 1px solid #6b5633; /* bronze */
+        border-bottom: 1px solid #c57c3b; /* burnt sienna */
         margin-bottom: 20px;
 }
 .topbar a {
@@ -146,9 +148,9 @@ h2,h3{
     color: #f0d89a;
 }
 
-/* Site footer styling */
+/* Footer styling */
 .footer {
-    border-top: 1px solid #6b5633;
+    border-top: 1px solid #6b5633; /* bronze */
     color: #a89064;
     font-size: 13px;
     margin-top: 100px;
@@ -159,7 +161,7 @@ h2,h3{
 }
 
 .footer a {
-    color: #d6b676;
+    color: #c57c3b;
     text-decoration: none;
 }