Body scope

3 files changed, 7 insertions, 1 deletions

diff --git a/src/scopes/_body.scss b/src/scopes/_body.scss
index 9091117..35f3fef 100644
--- a/src/scopes/_body.scss
+++ b/src/scopes/_body.scss
@@ -12,6 +12,10 @@
     @include bem.scope('body') {
         font-size: props.get(vars.$font-size);
 
+        strong {
+            color: props.get(vars.$strong--text-color);
+        }
+
         p,
         li {
             max-inline-size: props.get(vars.$paragraph--max-inline-size);
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;