/* @group @variables */

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

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

/* @end @variables */

/* @group @variables */

:root {
--head-2-font-weight: 500;
--head-2-font-variation-settings: "wght" 500;
--head-2-color: hsla(30, 5.9%, 25%, 1);
}

/* @end @variables */