From fc9012dccb47a398cf9e4305410f7ee931a62114 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Tue, 1 Oct 2024 10:06:11 -0400
Subject: [PATCH] bigger font on shitty screens

---
 packages/site-kit/src/lib/components/Text.svelte | 2 +-
 packages/site-kit/src/lib/styles/base.css        | 2 +-
 packages/site-kit/src/lib/styles/tokens.css      | 5 +++++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/site-kit/src/lib/components/Text.svelte b/packages/site-kit/src/lib/components/Text.svelte
index 089c62b9a8..e41e52ba41 100644
--- a/packages/site-kit/src/lib/components/Text.svelte
+++ b/packages/site-kit/src/lib/components/Text.svelte
@@ -65,7 +65,7 @@
 		ol,
 		ul {
 			margin: 1em 0;
-			font-size: var(--sk-text-m);
+			font-size: var(--sk-text-body);
 		}
 
 		/* TODO is this still used? don't think so */
diff --git a/packages/site-kit/src/lib/styles/base.css b/packages/site-kit/src/lib/styles/base.css
index dadf47e148..29b8ec40fd 100644
--- a/packages/site-kit/src/lib/styles/base.css
+++ b/packages/site-kit/src/lib/styles/base.css
@@ -73,7 +73,7 @@ h4 {
 	font-size: var(--sk-text-s);
 }
 h3 {
-	font-size: var(--sk-text-m);
+	font-size: var(--sk-text-body);
 }
 h2 {
 	font-size: var(--sk-text-l);
diff --git a/packages/site-kit/src/lib/styles/tokens.css b/packages/site-kit/src/lib/styles/tokens.css
index 77ae1d6845..8f959c8326 100644
--- a/packages/site-kit/src/lib/styles/tokens.css
+++ b/packages/site-kit/src/lib/styles/tokens.css
@@ -31,10 +31,15 @@
 	--sk-text-xl: 3rem;
 	--sk-text-l: 2.4rem;
 	--sk-text-m: 2rem;
+	--sk-text-body: 2.4rem;
 	--sk-text-s: 1.8rem;
 	--sk-text-xs: 1.4rem;
 	--sk-line-max-width: 84rem;
 
+	@media (min-resolution: 2x) {
+		--sk-text-body: 2rem;
+	}
+
 	--sk-focus-outline: 0 0 0 2px hsla(var(--sk-theme-1-hsl), 0.6);
 
 	/* Base colors */