10 files changed, 125 insertions, 12 deletions

diff --git a/src/scopes/_blockquotes.scss b/src/scopes/_blockquotes.scss
index d488860..91a7785 100644
--- a/src/scopes/_blockquotes.scss
+++ b/src/scopes/_blockquotes.scss
@@ -12,7 +12,7 @@
     @include bem.scope('blockquotes') {
         blockquote {
             padding-inline-start: calc(props.get(vars.$indent) - props.get(vars.$border-width));
-            margin-block:         props.get(vars.$margin-bs);
+            margin-block:         props.get(vars.$margin-bs) 0;
             margin-inline:        1px 0;
             border-inline-start:  props.get(vars.$border-width) solid props.get(vars.$border-color);
         }
diff --git a/src/scopes/_blockquotes.vars.scss b/src/scopes/_blockquotes.vars.scss
index 9db1271..6aae242 100644
--- a/src/scopes/_blockquotes.vars.scss
+++ b/src/scopes/_blockquotes.vars.scss
@@ -1,6 +1,6 @@
 @use 'iro-sass/src/props';
 @use '../core.vars' as core;
-@use './implicit' as implicit;
+@use './implicit.vars' as implicit;
 
 $indent:       props.def(--s-blockquotes--indent, props.get(core.$list--indent)) !default;
 $margin-bs:    props.def(--s-blockquotes--margin-bs, props.get(implicit.$paragraph--margin-bs)) !default;
diff --git a/src/scopes/_body.scss b/src/scopes/_body.scss
new file mode 100644
index 0000000..6d32212
--- /dev/null
+++ b/src/scopes/_body.scss
@@ -0,0 +1,59 @@
+@use 'sass:meta';
+@use 'iro-sass/src/bem';
+@use 'iro-sass/src/props';
+@use '../props' as *;
+
+@forward 'body.vars';
+@use 'body.vars' as vars;
+
+@mixin styles {
+    @include materialize-at-root(meta.module-variables('vars'));
+
+    @include bem.scope('body') {
+        font-size: props.get(vars.$font-size);
+        line-height: props.get(vars.$line-height);
+
+        strong {
+            color: props.get(vars.$strong--text-color);
+        }
+
+        p,
+        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;
+            max-inline-size:    100%;
+            block-size:         auto;
+            max-block-size:     props.get(vars.$img--max-block-size);
+            margin-block-start: props.get(vars.$paragraph--margin-bs);
+        }
+
+        figure {
+            margin-block-start: props.get(vars.$paragraph--margin-bs);
+
+            img {
+                margin-block: 0;
+            }
+        }
+
+        hr {
+            margin-block: calc(2 * props.get(vars.$paragraph--margin-bs));
+        }
+
+        table,
+        pre,
+        blockquote {
+            margin-block-start: props.get(vars.$paragraph--margin-bs);
+        }
+    } 
+}
diff --git a/src/scopes/_body.vars.scss b/src/scopes/_body.vars.scss
new file mode 100644
index 0000000..1de2cfd
--- /dev/null
+++ b/src/scopes/_body.vars.scss
@@ -0,0 +1,12 @@
+@use 'iro-sass/src/props';
+@use '../core.vars' as core;
+
+@use '../layouts/container.vars' as container;
+
+$font-size:                  props.def(--s-body--font-size, props.get(core.$font-size--150)) !default;
+$line-height:                props.def(--s-body--line-height, calc(props.get(core.$font--standard--line-height) + .1)) !default;
+$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, none) !default;
+
+$strong--text-color: props.def(--s-body--strong--text-color, props.get(core.$theme, --heading), 'color') !default;
diff --git a/src/scopes/_code.vars.scss b/src/scopes/_code.vars.scss
index c1bf27c..8a040c2 100644
--- a/src/scopes/_code.vars.scss
+++ b/src/scopes/_code.vars.scss
@@ -1,6 +1,6 @@
 @use 'iro-sass/src/props';
 @use '../core.vars' as core;
-@use './implicit' as implicit;
+@use './implicit.vars' as implicit;
 
 $inline--pad-i:    props.def(--s-code--inline--pad-i, props.get(core.$size--50)) !default;
 $inline--pad-b:    props.def(--s-code--inline--pad-b, props.get(core.$size--10)) !default;
@@ -11,8 +11,8 @@ $block--pad-b:     props.def(--s-code--block--pad-b, props.get(core.$size--85))
 $block--margin-bs: props.def(--s-code--block--margin-bs, props.get(implicit.$paragraph--margin-bs)) !default;
 $block--rounding:  props.def(--s-code--block--rounding, props.get(core.$rounding)) !default;
 
-$inline--fg: props.def(--s-code--inline--fg, props.get(core.$theme, --red, --1200), 'color') !default;
-$inline--bg: props.def(--s-code--inline--bg, props.get(core.$theme, --red, --200), 'color') !default;
+$inline--fg: props.def(--s-code--inline--fg, props.get(core.$theme, --heading), 'color') !default;
+$inline--bg: props.def(--s-code--inline--bg, props.get(core.$theme, --base, --200), 'color') !default;
 
 $block--fg: props.def(--s-code--block--fg, props.get(core.$theme, --text), 'color') !default;
 $block--bg: props.def(--s-code--block--bg, props.get(core.$theme, --base, --50), 'color') !default;
diff --git a/src/scopes/_figures.scss b/src/scopes/_figures.scss
new file mode 100644
index 0000000..981a8b6
--- /dev/null
+++ b/src/scopes/_figures.scss
@@ -0,0 +1,21 @@
+@use 'sass:meta';
+@use 'iro-sass/src/bem';
+@use 'iro-sass/src/props';
+@use '../objects/figure.vars' as figure;
+
+@mixin styles {
+    @include bem.scope('figures') {
+        figcaption {
+            padding-block:    props.get(figure.$pad-b);
+            font-size:        props.get(figure.$font-size);
+            color:            props.get(figure.$text-color);
+            border-block-end: props.get(figure.$border-width) solid props.get(figure.$border-color);
+
+            &::before {
+                display:       block;
+                margin-block:  -100em 100em;
+                content:       '';
+            }
+        }
+    }
+}
diff --git a/src/scopes/_implicit.scss b/src/scopes/_implicit.scss
index 020e311..78f06be 100644
--- a/src/scopes/_implicit.scss
+++ b/src/scopes/_implicit.scss
@@ -1,5 +1,7 @@
+@use 'sass:map';
 @use 'sass:math';
 @use 'sass:meta';
+@use 'sass:string';
 @use 'iro-sass/src/bem';
 @use 'iro-sass/src/props';
 @use '../props' as *;
@@ -155,5 +157,24 @@
             padding: 0;
             margin:  0;
         }
+
+        @each $theme in map.keys(props.get(core.$transparent-colors)) {
+            .t-static-#{string.slice($theme, 3)} {
+                color: props.get(core.$transparent-colors, $theme, --800);
+
+                h1,
+                h2,
+                h3,
+                h4,
+                h5,
+                h6 {
+                    color: props.get(core.$transparent-colors, $theme, --900);
+                }
+
+                hr {
+                    color: props.get(core.$transparent-colors, $theme, --400);
+                }
+            }
+        }
     }
 }
diff --git a/src/scopes/_implicit.vars.scss b/src/scopes/_implicit.vars.scss
index 0002591..388f0af 100644
--- a/src/scopes/_implicit.vars.scss
+++ b/src/scopes/_implicit.vars.scss
@@ -1,7 +1,7 @@
 @use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
-$paragraph--margin-bs: props.def(--s-implicit--paragraph--margin-bs, props.get(core.$size--300)) !default;
+$paragraph--margin-bs: props.def(--s-implicit--paragraph--margin-bs, props.get(core.$size--200)) !default;
 
 $small--font-size: props.def(--s-implicit--small--font-size, props.get(core.$font-size--75)) !default;
 
@@ -17,10 +17,10 @@ $code--feature-settings: props.def(--s-implicit--code--feature-settings, props.g
 
 $heading--margin-bs:         props.def(--s-implicit--heading--margin-bs, props.get(core.$size--700)) !default;
 $heading--margin-bs-sibling: props.def(--s-implicit--heading--margin-bs-sibling, props.get(core.$size--325)) !default;
-$heading--font-family:       props.def(--s-implicit--heading--font-family, props.get(core.$font--headline--family)) !default;
+$heading--font-family:       props.def(--s-implicit--heading--font-family, props.get(core.$font--standard--family)) !default;
 $heading--line-height:       props.def(--s-implicit--heading--line-height, props.get(core.$font--standard--line-height)) !default;
-$heading--font-weight:       props.def(--s-implicit--heading--font-weight, props.get(core.$font--headline--weight)) !default;
+$heading--font-weight:       props.def(--s-implicit--heading--font-weight, bold) !default;
 $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--headline--feature-settings)) !default;
+$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;
diff --git a/src/scopes/_links.vars.scss b/src/scopes/_links.vars.scss
index 91a73ab..b9bf4d1 100644
--- a/src/scopes/_links.vars.scss
+++ b/src/scopes/_links.vars.scss
@@ -31,7 +31,7 @@ $static-themes: props.def(--s-links, (), 'color');
 
     $static-themes: props.merge($static-themes, (
         $link-theme: (
-            --text-color:        props.get(core.$transparent-colors, $theme, --800),
+            --text-color:        currentColor,
             --underline-color:   props.get(core.$transparent-colors, $theme, --500),
 
             --hover: (
diff --git a/src/scopes/_lists.vars.scss b/src/scopes/_lists.vars.scss
index c4a0f22..8c46bc3 100644
--- a/src/scopes/_lists.vars.scss
+++ b/src/scopes/_lists.vars.scss
@@ -1,6 +1,6 @@
 @use 'iro-sass/src/props';
 @use '../core.vars' as core;
-@use './implicit' as implicit;
+@use './implicit.vars' as implicit;
 
 $indent:    props.def(--s-lists--indent, calc(props.get(core.$list--indent) + 1em)) !default;
 $margin-bs: props.def(--s-lists--margin-bs, props.get(implicit.$paragraph--margin-bs)) !default;