/* @group @variables */

h3 {
margin-top: var(--head-3-margin-top);
margin-bottom: var(--head-3-margin-bottom);
font-family: var(--head-3-font-family);
font-size: var(--head-3-font-size);
line-height: var(--head-3-line-height);
color: var(--head-3-color);
font-weight: var(--head-3-font-weight);
font-variation-settings: var(--head-3-font-variation-settings);
text-transform: var(--head-4-text-transform);
word-break: var(--head-3-word-break);
text-align: var(--head-3-text-align);
}

h3 em {
font-family: var(--head-3-emphasis-font-family);
font-size: var(--head-3-emphasis-font-size);
line-height: var(--head-3-emphasis-line-height);
font-weight: var(--head-3-emphasis-font-weight);
font-variation-settings: var(--head-3-emphasis-font-variation-settings);
}

/* @end @variables */

/* @group @variables */

:root {
--head-3-font-weight: 500;
--head-3-font-variation-settings: "wght" 500;
}

/* @end @variables */