/* SYSTEM LAYER — text roles. Verbatim from src/theme/sys-typography.css. */
:root {
  --title-color: var(--theme-title-color);
  --title-font-family: var(--theme-title-font);
  --title-font-size: var(--theme-title-size);
  --title-font-weight: var(--theme-title-weight);
  --title-line-height: var(--theme-title-line-height);
  --title-letter-spacing: var(--theme-title-letter-spacing);

  --heading-color: var(--theme-heading-color);
  --heading-font-family: var(--theme-heading-font);
  --heading-font-size: var(--theme-heading-size);
  --heading-font-weight: var(--theme-heading-weight);
  --heading-line-height: var(--theme-heading-line-height);
  --heading-letter-spacing: var(--theme-heading-letter-spacing);

  --subheading-color: var(--theme-subheading-color);
  --subheading-font-family: var(--theme-subheading-font);
  --subheading-font-size: var(--theme-subheading-size);
  --subheading-font-weight: var(--theme-subheading-weight);
  --subheading-line-height: var(--theme-subheading-line-height);
  --subheading-letter-spacing: var(--theme-subheading-letter-spacing);

  --eyebrow-color: var(--theme-eyebrow-color);
  --eyebrow-font-family: var(--theme-eyebrow-font);
  --eyebrow-font-size: var(--theme-eyebrow-size);
  --eyebrow-font-weight: var(--theme-eyebrow-weight);
  --eyebrow-line-height: var(--theme-eyebrow-line-height);
  --eyebrow-letter-spacing: var(--theme-eyebrow-letter-spacing);
}