themes/bthree/src/styles/_base.sass

@@ -1,3 +1,9 @@
+\:root
+  --fs-xl: 3.6rem
+
+  +media-sm
+    --fs-xl: 3.2rem
+
 $page-card-icon-size: 7.8rem
 .page-card
   position: relative

themes/bthree/src/styles/_blog.sass

@@ -54,11 +54,13 @@
 
     // Only for the blog where the text is larger.
     h1
-      font-size: 2.6rem
+      font-size: var(--fs-xl)
+
     h2
-      font-size: 2.2rem
+      font-size: var(--fs-h1)
+
     h3
-      font-size: 1.8rem
+      font-size: var(--fs-h2)
 
     h1, h2, h3
       +margin(5, top)

themes/bthree/src/styles/_bwa.sass

@@ -1,3 +1,3 @@
-//  TODO: post web-assets v2 upgrade check font-sizes and units conversions
+//  TODO: post web-assets v2 upgrade check font-sizes em and line-heights
 /* Import Blender Web Assets. */
 @import ../../assets_shared/src/styles/main

themes/bthree/src/styles/_download.sass

@@ -16,7 +16,7 @@ $bleeding-color: #d0253f
 
     h1
       // TODO: post web-assets v2 upgrade check font-size
-      font-size: 3.4rem
+      font-size: var(--fs-xl)
       +margin(4, top)
       text-shadow: .1rem .1rem .2rem rgba(black, .33), .1rem .1rem 5.0rem var(--header-bg-color)
 

themes/bthree/src/styles/_release-logs.sass

@@ -25,7 +25,7 @@
       background-color: rgba(#223, .7)
 
   .cards-item-excerpt
-    font-size: 1.1rem
+    font-size: 1.4rem
 
 .features
   &__releaselogs

themes/bthree/src/styles/_wp-block.sass

@@ -413,7 +413,7 @@
     z-index: -1
 
 .chart-bars-bar-value
-  font-size: 11px
+  font-size: 1.1rem
   position: absolute
   right: 0
   text-align: right