Fix heading color

2 files changed, 3 insertions, 1 deletions

diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss
index 89fe568..f5932f5 100644
--- a/src/objects/_heading.scss
+++ b/src/objects/_heading.scss
@@ -16,6 +16,7 @@
         font-weight:           props.get(vars.$font-weight);
         font-feature-settings: props.get(vars.$feature-settings);
         line-height:           props.get(vars.$line-height);
+        color:                 props.get(vars.$text-color);
         text-transform:        none;
         letter-spacing:        normal;
         transform:             translateX(props.get(vars.$offset));
diff --git a/src/objects/_heading.vars.scss b/src/objects/_heading.vars.scss
index d15e0b8..7a441c6 100644
--- a/src/objects/_heading.vars.scss
+++ b/src/objects/_heading.vars.scss
@@ -5,7 +5,8 @@ $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;
 
-$bg-color: props.def(--o-heading--bg-color, props.get(core.$theme, --base, --50)) !default;
+$text-color: props.def(--o-heading--text-color, props.get(core.$theme, --heading), 'color');
+$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--headline--family)) !default;
 $line-height:      props.def(--o-heading--line-height, props.get(core.$font--headline--line-height)) !default;