💄style: use divider-color for <hr> & remove border-color

sass/main.scss

@@ -69,7 +69,6 @@
     --divider-color: #d7d7d7;
     --text-color: #222226;
     --text-color-high-contrast: #313333;
-    --border-color: #727272;
     --meta-color: #5b5b65;
     --codeblock-bg: #272430;
     --codeblock-highlight: #3d3949;
@@ -90,7 +89,6 @@
     --divider-color: #4a4a4a;
     --text-color: #D4D4D4;
     --text-color-high-contrast: #eceeef;
-    --border-color: black;
     --meta-color: #B0B0B0;
     --codeblock-bg: #151515;
     --codeblock-highlight: #292929;

sass/parts/_misc.scss

@@ -103,7 +103,7 @@ a:not(.no-hover-padding):hover::before {
 hr {
     border: none;
     height: 1px;
-    background-color: var(--border-color);
+    background-color: var(--divider-color);
     margin: 3.5rem 0 1rem;
 }