Improve color contrast for headings

src/style/global.css

@@ -10,7 +10,7 @@
 	--black: #252525;
 	--transblack: rgba(37, 37, 37, 0.7);
 	--moretransblack: rgba(37, 37, 37, 0.1);
-	--gray: #a4a4a4;
+	--gray: #6b6b6b;
 	--highlight: #e5ffc3;
 	--red: #e4002b;
 	--green: #24d05a;
@@ -45,15 +45,6 @@ b {
 	color: var(--black);
 }
 
-h2,
-h3,
-h4,
-h5,
-h6 {
-	color: var(--gray);
-	line-height: 1.1;
-}
-
 body.dark-mode,
 body.dark-mode button,
 body.dark-mode h1,
@@ -72,6 +63,9 @@ body.dark-mode nav {
 		background-color: #0f0f0f;
 		color: var(--white);
 	}
+	:root {
+		--gray: #a4a4a4;
+	}
 	html,
 	body,
 	body button,
@@ -98,6 +92,15 @@ body.dark-mode nav {
 	}
 }
 
+h2,
+h3,
+h4,
+h5,
+h6 {
+	color: var(--gray);
+	line-height: 1.1;
+}
+
 header {
 	position: relative;
 }