7 files changed, 29 insertions, 7 deletions

diff --git a/src/_utils.scss b/src/_utils.scss
index 4fb122a..bd92454 100644
--- a/src/_utils.scss
+++ b/src/_utils.scss
@@ -305,4 +305,16 @@ $-sizes: (
             content:       '';
         }
     }
+    
+    @include bem.utility('sr-only') {
+        position:    absolute;
+        width:       1px;
+        height:      1px;
+        padding:     0;
+        margin:      -1px;
+        overflow:    hidden;
+        clip-path:   inset(50%);
+        white-space: nowrap;
+        border:      0;
+    }
 }
diff --git a/src/objects/_badge.vars.scss b/src/objects/_badge.vars.scss
index 6327e7b..ff07148 100644
--- a/src/objects/_badge.vars.scss
+++ b/src/objects/_badge.vars.scss
@@ -73,7 +73,7 @@ $default-theme: props.def(--o-badge, (
             --label: props.get(core.$theme, --heading),
         ),
     )
-), 'color');
+), 'color') !default;
 $default-theme: props.merge($default-theme, $default-theme-override);
 
 $static-themes: props.def(--o-badge, (), 'color');
diff --git a/src/objects/_button.vars.scss b/src/objects/_button.vars.scss
index f70bde7..4f7b552 100644
--- a/src/objects/_button.vars.scss
+++ b/src/objects/_button.vars.scss
@@ -81,7 +81,7 @@ $default-theme: props.def(--o-button, (
             --label:  props.get(core.$theme, --base, --700-text),
         ),
     ),
-), 'color');
+), 'color') !default;
 $default-theme: props.merge($default-theme, $default-theme-override);
 
 $static-themes: props.def(--o-button, (), 'color');
diff --git a/src/objects/_heading.vars.scss b/src/objects/_heading.vars.scss
index 5cd6767..90278c8 100644
--- a/src/objects/_heading.vars.scss
+++ b/src/objects/_heading.vars.scss
@@ -5,7 +5,7 @@ $offset:            props.def(--o-heading--offset, -.02em) !default;
 $margin-bs:         props.def(--o-heading--margin-bs, props.get(core.$size--700)) !default;
 $margin-bs-sibling: props.def(--o-heading--margin-bs-sibling, props.get(core.$size--325)) !default;
 
-$text-color: props.def(--o-heading--text-color, props.get(core.$theme, --heading), 'color');
+$text-color: props.def(--o-heading--text-color, props.get(core.$theme, --heading), 'color') !default;
 $bg-color:   props.def(--o-heading--bg-color, props.get(core.$theme, --base, --50), 'color') !default;
 
 $font-family:      props.def(--o-heading--font-family, props.get(core.$font--standard--family)) !default;
diff --git a/src/scopes/_body.scss b/src/scopes/_body.scss
index 9091117..65c6d2f 100644
--- a/src/scopes/_body.scss
+++ b/src/scopes/_body.scss
@@ -12,12 +12,22 @@
     @include bem.scope('body') {
         font-size: props.get(vars.$font-size);
 
+        strong {
+            color: props.get(vars.$strong--text-color);
+        }
+
         p,
-        li {
+        ul,
+        ol {
             max-inline-size: props.get(vars.$paragraph--max-inline-size);
             margin-block-start: props.get(vars.$paragraph--margin-bs);
         }
 
+        ul,
+        ol {
+            box-sizing: border-box;
+        }
+
         img {
             display:            block;
             inline-size:        auto;
@@ -39,8 +49,6 @@
             margin-block: calc(2 * props.get(vars.$paragraph--margin-bs));
         }
 
-        ul,
-        ol,
         table,
         pre,
         blockquote {
diff --git a/src/scopes/_body.vars.scss b/src/scopes/_body.vars.scss
index 79556fa..6c38c3f 100644
--- a/src/scopes/_body.vars.scss
+++ b/src/scopes/_body.vars.scss
@@ -7,3 +7,5 @@ $font-size:                  props.def(--s-body--font-size, props.get(core.$font
 $paragraph--margin-bs:       props.def(--s-body--paragraph--margin-bs, props.get(core.$size--300)) !default;
 $paragraph--max-inline-size: props.def(--s-body--paragraph--max-inline-size, props.get(container.$fixed)) !default;
 $img--max-block-size:        props.def(--s-body--img--max-block-size, calc(100vh - props.get(core.$size--2400))) !default;
+
+$strong--text-color: props.def(--s-body--strong--text-color, props.get(core.$theme, --heading), 'color') !default;
diff --git a/src/scopes/_implicit.vars.scss b/src/scopes/_implicit.vars.scss
index e809ac3..388f0af 100644
--- a/src/scopes/_implicit.vars.scss
+++ b/src/scopes/_implicit.vars.scss
@@ -23,4 +23,4 @@ $heading--font-weight:       props.def(--s-implicit--heading--font-weight, bold)
 $heading--font-size:         props.def(--s-implicit--heading--font-size, props.get(core.$font-size--100));
 $heading--feature-settings:  props.def(--s-implicit--heading--feature-settings, props.get(core.$font--standard--feature-settings)) !default;
 
-$heading--color: props.def(--s-implicit--heading--color, props.get(core.$theme, --heading), 'color');
+$heading--color: props.def(--s-implicit--heading--color, props.get(core.$theme, --heading), 'color') !default;