diff --git a/packages/site-kit/src/lib/styles/tokens.css b/packages/site-kit/src/lib/styles/tokens.css
index 84ed81e506..35ff58a2da 100644
--- a/packages/site-kit/src/lib/styles/tokens.css
+++ b/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;