:root {
    @each $font-family-key, $font-family-value in $font-families-primary {
        --font-family-primary--#{$font-family-key}: #{$font-family-value};
    }

    @each $font-family-key, $font-family-value in $font-families-secondary {
        --font-family-secondary--#{$font-family-key}: #{$font-family-value};
    }

    --letter-spacing: #{$letter-spacing};
    --font-size: #{$font-size};
    --line-height: #{$line-height};
    --text-muted: #{$text-muted};

    @each $font-size-key, $font-size-value in $font-sizes {
        --font-size--#{$font-size-key}: #{$font-size-value};
    }

    @each $font-weight-key, $font-weight-value in $font-weights {
        --font-weight--#{$font-weight-key}: #{$font-weight-value};
    }

    @each $heading-font-size-key, $heading-font-size-value in $heading--font-size {
        --#{$heading-font-size-key}--font-size: #{$heading-font-size-value};
    }

    --heading--margin-top: #{$heading--margin-top};
    --heading--margin-bottom: #{$heading--margin-bottom};
    --heading--font-family: #{$heading--font-family};
    --heading--font-weight: #{$heading--font-weight};
    --heading--line-height: #{$heading--line-height};
    --heading--color: #{$heading--color};

    @each $display-font-size-key, $display-font-size-value in $display--font-size {
        --#{$display-font-size-key}--font-size: #{$display-font-size-value};
    }

    --display--font-weight: #{$display--font-weight};
    --display--line-height: #{$display--line-height};

    --link--color: #{$link--color};
    --link--color--hover: #{$link--color--hover};
    --link--decoration: #{$link--decoration};
    --link--decoration--hover: #{$link--decoration--hover};

    --lead--font-size: #{$lead--font-size};
    --lead--font-weight: #{$lead--font-weight};

    --list--item--padding--inline: #{$list--item--padding--inline};
    --list--item--margin-bottom: #{$list--item--margin-bottom};

    --dt--font-weight: #{$dt--font-weight};

    --small--font-size: #{$small--font-size};
    --small--font-weight: #{$small--font-weight};

    --blockquote--footer--color: #{$blockquote--footer--color};
    --blockquote--font-size: #{$blockquote--font-size};
    --blockquote--border: #{$blockquote--border};
    --blockquote--margin: #{$blockquote--margin};
    --blockquote--padding--bordered: #{$blockquote--padding--bordered};

    --hr--border-color: #{$hr--border-color};
    --hr--border-width: #{$hr--border-width};
    --hr--border-style: #{$hr--border-style};
    --hr--margin: #{$hr--margin};

    --mark--padding: #{$mark--padding};
    --mark--color: #{$mark--color};
    --mark--background-color: #{$mark--background-color};

    --code--font-size: #{$code--font-size};
    --code--padding: #{$code--padding};
    --code--color: #{$code--color};
    --code--background: #{$code--background};
    --code--color--dark: #{$code--color--dark};
    --code--background--dark: #{$code--background--dark};

    --kbd--font-size: #{$kbd--font-size};
    --kbd--box-shadow: #{$kbd--box-shadow};
    --kbd--nested-font-weight: #{$kbd--nested-font-weight};
    --kbd--color: #{$kbd--color};
    --kbd--background: #{$kbd--background};
    --kbd--padding: #{$kbd--padding};

    --pre--font-size: #{$pre--font-size};
    --pre--color: #{$pre--color};
    --pre--color--dark: #{$pre--color--dark};
    --pre--scrollable-max-height: #{$pre--scrollable-max-height};
}