Update

styles/typography.css

@@ -1,8 +1,9 @@
 :root {
   /* Font sizes */
-  --font-size-body: 1rem;
-  --font-size-small: 0.875rem;
-  --font-size-lead: clamp(1rem, 2.15vw, 1.125rem);
+  --font-size-xs: clamp(0.79rem, 2vw, 0.889rem);
+  --font-size-s: 0.889rem;
+  --font-size-base: clamp(0.889rem, 2.2vw, 1rem);
+  --font-size-m: clamp(1rem, 2.15vw, 1.125rem);
 
   /* Fluid typography (768px to 1024px) */
   --font-size-h1: clamp(1.802rem, 5.71vw, 3.247rem);
@@ -12,7 +13,8 @@
   --font-size-h5: clamp(1.125rem, 2.82vw, 1.602rem);
 
   --line-height-body: 1.5;
-  --line-height-heading: 1.2;
+  --line-height-heading: 1.1;
+  --line-height-lead: 1.2;
 
   --letter-spacing-tight: -0.02em;
   --letter-spacing-normal: 0;
@@ -36,20 +38,20 @@ a {
 
 p,
 li {
-  font-size: var(--font-size-body);
+  font-size: var(--font-size-base);
   line-height: var(--line-height-body);
 }
 
-small,
+.small,
 .text-small {
-  font-size: var(--font-size-small);
+  font-size: var(--font-size-xs);
   line-height: 1.4;
 }
 
 .lead,
 .text-lead {
-  font-size: var(--font-size-lead);
-  line-height: 1.4;
+  font-size: var(--font-size-m);
+  line-height: var(--line-height-lead);
 }
 
 h1,