From b995507cf77ebf8240f2a02e9d9322a97cb8eb14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20Quiroz?= <nh.quiroz@gmail.com>
Date: Tue, 29 Nov 2022 15:39:14 -0300
Subject: [PATCH 1/2] chore: update headings letter spacing

---
 src/theme/foundations/textStyles.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/theme/foundations/textStyles.ts b/src/theme/foundations/textStyles.ts
index fb95731677..c8ac62093b 100644
--- a/src/theme/foundations/textStyles.ts
+++ b/src/theme/foundations/textStyles.ts
@@ -4,7 +4,7 @@ export const textStyles = {
     fontWeight: 700,
     fontSize: '2.75rem',
     lineHeight: '3.375rem',
-    letterSpacing: '0.05em',
+    letterSpacing: '0.04em',
     color: 'body'
   },
   h2: {
@@ -47,20 +47,21 @@ export const textStyles = {
   header5: {
     fontFamily: 'heading',
     fontSize: '1rem',
-    letterSpacing: '0.02em',
+    letterSpacing: '0.04em',
     lineHeight: 'normal',
     color: 'body'
   },
   header6: {
     fontFamily: 'heading',
     fontSize: '0.875rem',
-    letterSpacing: '0.02em',
+    letterSpacing: '0.04em',
     lineHeight: 'normal',
     color: 'body'
   },
   'header-font': {
     fontFamily: 'heading',
     fontWeight: 700,
+    letterSpacing: '0.04em',
     fontSize: { base: '0.86rem', sm: '1rem' },
     color: 'body'
   },

From e5c382ca048518708699ffb15a73a9ebe5aa67f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicol=C3=A1s=20Quiroz?= <nh.quiroz@gmail.com>
Date: Tue, 29 Nov 2022 20:38:57 -0300
Subject: [PATCH 2/2] chore: update letter spacing on headings

---
 src/theme/foundations/textStyles.ts | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/theme/foundations/textStyles.ts b/src/theme/foundations/textStyles.ts
index 9c7f807665..2c55908249 100644
--- a/src/theme/foundations/textStyles.ts
+++ b/src/theme/foundations/textStyles.ts
@@ -4,7 +4,7 @@ export const textStyles = {
     fontWeight: 700,
     fontSize: '2.75rem',
     lineHeight: '3.375rem',
-    letterSpacing: '0.04em',
+    letterSpacing: { base: '0.03rem', md: '0.04rem' },
     color: 'body'
   },
   h2: {
@@ -12,56 +12,56 @@ export const textStyles = {
     fontWeight: 400,
     fontSize: { base: '1.5rem', md: '1.75rem' },
     lineHeight: 'normal',
-    letterSpacing: '0.04em',
+    letterSpacing: { base: '0.03rem', md: '0.04rem' },
     color: 'body'
   },
   header1: {
     fontFamily: 'heading',
     fontWeight: 700,
     fontSize: { base: '1.875rem', md: '2.125rem' },
-    letterSpacing: '0.04em',
+    letterSpacing: { base: '0.03rem', md: '0.04rem' },
     lineHeight: 'normal',
     color: 'body'
   },
   header2: {
     fontFamily: 'heading',
     fontSize: { base: '1.5rem', md: '1.75rem' },
-    letterSpacing: '0.04em',
+    letterSpacing: { base: '0.03rem', md: '0.04rem' },
     lineHeight: 'normal',
     color: 'body'
   },
   header3: {
     fontFamily: 'heading',
     fontSize: { base: '1.25rem', md: '1.375rem' },
-    letterSpacing: '0.04em',
+    letterSpacing: { base: '0.03rem', md: '0.04rem' },
     lineHeight: 'normal',
     color: 'body'
   },
   header4: {
     fontFamily: 'heading',
     fontSize: '1.125rem',
-    letterSpacing: '0.04em',
+    letterSpacing: { base: '0.03rem', md: '0.04rem' },
     lineHeight: 'normal',
     color: 'body'
   },
   header5: {
     fontFamily: 'heading',
     fontSize: '1rem',
-    letterSpacing: '0.04em',
+    letterSpacing: '0.02rem',
     lineHeight: 'normal',
     color: 'body'
   },
   header6: {
     fontFamily: 'heading',
     fontSize: '0.875rem',
-    letterSpacing: '0.04em',
+    letterSpacing: '0.02rem',
     lineHeight: 'normal',
     color: 'body'
   },
   'header-font': {
     fontFamily: 'heading',
     fontWeight: 700,
-    letterSpacing: '0.04em',
+    letterSpacing: '0.04rem',
     fontSize: { base: '0.86rem', sm: '1rem' },
     color: 'body'
   },
@@ -69,7 +69,7 @@ export const textStyles = {
     fontFamily: 'heading',
     fontWeight: 700,
     lineHeight: '21px',
-    letterSpacing: '0.05em',
+    letterSpacing: '0.05rem',
     textAlign: { base: 'center', md: 'left' },
     color: 'body'
   },
@@ -111,7 +111,7 @@ export const textStyles = {
     fontWeight: 700,
     textTransform: 'uppercase',
     lineHeight: '21.12px',
-    letterSpacing: '0.02em'
+    letterSpacing: '0.02rem'
   },
   'footer-text': {
     fontFamily: 'body',
@@ -154,14 +154,14 @@ export const textStyles = {
     fontWeight: 400,
     fontSize: 'md',
     lineHeight: 4,
-    letterSpacing: '0.01em'
+    letterSpacing: '0.01rem'
   },
   'code-block': {
     fontFamily: 'heading',
     fontWeight: 400,
     fontSize: 'md',
     lineHeight: '21.12px',
-    letterSpacing: '0.01em'
+    letterSpacing: '0.01rem'
   },
   // TODO: refactor w/ semantic tokens for light/dark mode
   'link-light': {},