$backup-fonts: system-ui, -apple-system, 'Segoe UI', 'Roboto', 'Ubuntu', 'Cantarell', 'Noto Sans', sans-serif,
  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';

$heading-sizes: (
  h1 var(--h1-size) var(--h1-mobile-size) var(--h1-line-height) var(--h1-mobile-line-height) var(--h1-font-weight) var(--h1-mobile-font-weight),
  h2 var(--h2-size) var(--h2-mobile-size) var(--h2-line-height) var(--h2-mobile-line-height) var(--h2-font-weight) var(--h2-mobile-font-weight),
  h3 var(--h3-size) var(--h3-mobile-size) var(--h3-line-height) var(--h3-mobile-line-height) var(--h3-font-weight) var(--h3-mobile-font-weight),
  h4 var(--h4-size) var(--h4-mobile-size) var(--h4-line-height) var(--h4-mobile-line-height) var(--h4-font-weight) var(--h4-mobile-font-weight),
  h5 var(--h5-size) var(--h5-mobile-size) var(--h5-line-height) var(--h5-mobile-line-height) var(--h5-font-weight) var(--h5-mobile-font-weight),
  h6 var(--h6-size) var(--h6-mobile-size) var(--h6-line-height) var(--h6-mobile-line-height) var(--h6-font-weight) var(--h6-mobile-font-weight), 
);