diff --git a/static/styles.css b/static/styles.css
index 2806b03..b7cf889 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -6,16 +6,28 @@
 
   --font-sans-serif: sans-serif;
 
+  /* Base */
   --color-background: hsl(220, 23%, 95%);
+
+  /* Crust */
+  --color-background-accent: hsl(220, 21%, 89%);
+
+  /* Text */
   --color-text: hsl(234, 16%, 35%);
+
+  /* Surface2 */
+  --color-border: hsl(227, 12%, 71%);
+
+  /* Peach */
   --link-color: hsl(22, 99%, 52%);
 }
 
-@media (prefers-color-scheme: DARK) {
+@media (prefers-color-scheme: dark) {
   :root {
     --color-background: hsl(240, 21%, 15%);
     --color-background-accent: hsl(240, 23%, 9%);
     --color-text: hsl(226, 64%, 88%);
+    --color-border: hsl(233, 12%, 39%);
     --link-color: hsl(23, 92%, 75%);
   }
 }
@@ -50,11 +62,11 @@ footer {
 table {
   width: 100%;
   border-collapse: collapse;
-  border: 1px solid var(--color-text);
+  border: 1px solid var(--color-border);
 }
 
 thead {
-  border-bottom: 1px solid var(--color-text);
+  border-bottom: 1px solid var(--color-border);
   background: var(--color-background-accent);
 }
 
@@ -63,7 +75,7 @@ tbody tr:nth-child(even) {
 }
 
 tfoot {
-  border-bottom: 1px solid var(--color-text);
+  border-bottom: 1px solid var(--color-border);
 }
 
 th {