make text color a tiny bit lighter in light mode (#498)

* make text color a tiny bit lighter in dark mode

I feel like this will be easier on the eyes for prolonged sessions

* tiny bit darker, only for georgia

---------

Co-authored-by: Rich Harris <[email protected]>

Author: dummdidumm

packages/site-kit/src/lib/styles/tokens.css

@@ -41,13 +41,6 @@
 
 	--sk-line-height-body: 1.7;
 
-	@media (resolution: 2x) {
-		--sk-font-family-body: 'EB Garamond', Georgia, serif;
-		--sk-font-size-body: 2.1rem;
-		--sk-font-size-body-small: 1.8rem;
-		--sk-line-height-body: 1.5;
-	}
-
 	--sk-font-h1: 500 var(--sk-font-size-h1) / 1.2 var(--sk-font-family-heading);
 	--sk-font-h2: 500 var(--sk-font-size-h2) / 1.2 var(--sk-font-family-heading);
 	--sk-font-h3: 500 var(--sk-font-size-h3) / 1.2 var(--sk-font-family-heading);
@@ -72,9 +65,9 @@
 	--sk-back-5: hsl(0, 0%, 92%);
 	--sk-back-6: hsl(0, 0%, 86%);
 
-	--sk-text-1: hsl(0, 0%, 5%);
-	--sk-text-2: hsl(0, 0%, 12%);
-	--sk-text-3: hsl(0, 0%, 27%);
+	--sk-text-1: hsl(0, 0%, 12%);
+	--sk-text-2: hsl(0, 0%, 20%);
+	--sk-text-3: hsl(0, 0%, 30%);
 	--sk-text-4: hsl(0, 0%, 45%);
 	--sk-scrollbar: rgba(0, 0, 0, 0.3);
 	--sk-shadow: drop-shadow(0px 0px 14px rgba(0, 0, 0, 0.1));
@@ -127,6 +120,16 @@
 	   the 0.01 prevents Vite from optimising it to `translate(0, 0)`, which doesn't fix anything */
 	--safari-fix: translate3d(0, 0, 0.01);
 
+	@media (resolution: 2x) {
+		--sk-font-family-body: 'EB Garamond', Georgia, serif;
+		--sk-font-size-body: 2.1rem;
+		--sk-font-size-body-small: 1.8rem;
+		--sk-line-height-body: 1.5;
+		--sk-text-1: hsl(0, 0%, 5%);
+		--sk-text-2: hsl(0, 0%, 12%);
+		--sk-text-3: hsl(0, 0%, 27%);
+	}
+
 	&.dark {
 		color-scheme: dark;
 		-webkit-font-smoothing: antialiased;