diff --git a/assets/css/080_site_footer.css b/assets/css/080_site_footer.css
deleted file mode 100644
index a875896..0000000
--- a/assets/css/080_site_footer.css
+++ /dev/null
@@ -1,24 +0,0 @@
-
-
-
-
-
-/**************
- * SITE FOOTER
- **************/
-
-.site-footer {
-  border-top: 2px dashed var(--text-color-light);
-  color: var(--text-color-secondary);
-  font-size: var(--text-s);
-  grid-column: main-start / main-end;
-  margin-block: var(--space-xl) var(--space-m);
-  padding-block-start: var(--space-s);
-}
-
-@media screen and (max-width: 480px) {
-  .site-footer {
-    grid-column: full-start / full-end;
-    padding-inline: var(--gutter-width);
-  }
-}
diff --git a/assets/css/080_site_header.css b/assets/css/080_site_header_footer.css
similarity index 60%
rename from assets/css/080_site_header.css
rename to assets/css/080_site_header_footer.css
index 5fcc33f..4a6f176 100644
--- a/assets/css/080_site_header.css
+++ b/assets/css/080_site_header_footer.css
@@ -1,28 +1,26 @@
+
+
+
+
+
 /*************************
  # COMPONENT: SITE HEADER
  *************************/
 
-@media (prefers-color-scheme: dark) {
-  .site-header {
-    --color-nav-separator: var(--gray6);
-  }
+:root {
+  --site-header-footer-border-color: light-dark(var(--gray6), var(--gray4));
+  --site-header-footer-nav-separator: var(--site-header-footer-border-color);
 }
 
-@media (prefers-color-scheme: dark) {
-  .site-header {
-    --color-nav-separator: var(--gray4);
-  }
-}
 
 .site-header {
-  --color-nav-separator: light-dark(var(--gray6), var(--gray4));
-
   font-family: var(--font-family-monospace);
   margin-block: var(--space-m) var(--space-xl);
 }
 
+
 .site-header__content {
-  border-bottom: 2px dashed var(--color-nav-separator);
+  border-bottom: 2px dashed var(--site-header-footer-border-color);
   gap: var(--space-l);
   grid-column: main-start / main-end;
   padding-bottom: var(--space-xs);
@@ -63,7 +61,7 @@
     }
 
     .site-nav__item::after {
-      color: var(--color-nav-separator);
+      color: var(--site-header-footer-nav-separator);
       justify-content: center;
     }
 
@@ -83,3 +81,27 @@
     padding-inline: var(--gutter-width);
   }
 }
+
+
+
+
+
+/*************************
+ * COMPONENT: SITE FOOTER
+ *************************/
+
+.site-footer {
+  border-top: 2px dashed var(--site-header-footer-border-color);
+  color: var(--text-color-secondary);
+  font-size: var(--text-s);
+  grid-column: main-start / main-end;
+  margin-block: var(--space-xl) var(--space-m);
+  padding-block-start: var(--space-s);
+}
+
+@media screen and (max-width: 480px) {
+  .site-footer {
+    grid-column: full-start / full-end;
+    padding-inline: var(--gutter-width);
+  }
+}