$ui-font-specter-regular: 'Specter Regular';
$ui-font-specter-medium: 'Specter Medium';
$ui-font-specter-medium-italic: 'Specter Medium Italic';
$ui-font-specter-bold: 'Specter Bold';
$ui-font-specter-black: 'Specter Black';
$ui-font-specter-ultra: 'Specter Ultra';

$ui-body: (
  base-font-size: 14px,
  base-line-height: 22px,
  lg-font-size: 16px,
  lg-line-height: 26px,
  sm-font-size: 12px,
  sm-line-height: 20px,
  xs-font-size: 10px,
  xs-line-height: 14px,
);

$ui-headers: (
  h1-font-size: 36px,
  h1-line-height: 46px,
  h2-font-size: 32px,
  h2-line-height: 40px,
  h3-font-size: 24px,
  h3-line-height: 36px,
  h4-font-size: 24px,
  h4-line-height: 32px,
  h5-font-size: 20px,
  h5-line-height: 28px,
  h6-font-size: 18px,
  h6-line-height: 26px,
);

$ui-headers-br: (
  h1-font-size: 40px,
  h1-line-height: 48px,
  h2-font-size: 32px,
  h2-line-height: 40px,
  h3-font-size: 24px,
  h3-line-height: 30px,
  h4-font-size: 20px,
  h4-line-height: 26px,
  h5-font-size: 16px,
  h5-line-height: 24px,
  h6-font-size: 14px,
  h6-line-height: 22px,
);

$ui-headers-mobile: (
  h1-font-size: map-get($ui-headers, h2-font-size),
  h1-line-height: map-get($ui-headers, h2-line-height),
  h2-font-size: map-get($ui-headers, h3-font-size),
  h2-line-height: map-get($ui-headers, h3-line-height),
  h3-font-size: map-get($ui-headers, h4-font-size),
  h3-line-height: map-get($ui-headers, h4-line-height),
  h4-font-size: map-get($ui-headers, h5-font-size),
  h4-line-height: map-get($ui-headers, h5-line-height),
  h5-font-size: map-get($ui-headers, h6-font-size),
  h5-line-height: map-get($ui-headers, h6-line-height),
  h6-font-size: map-get($ui-headers, h6-font-size),
  h6-line-height: map-get($ui-headers, h6-line-height-size),
);

$ui-headers-mobile-br: (
  h1-font-size: map-get($ui-headers-br, h2-font-size),
  h1-line-height: map-get($ui-headers-br, h2-line-height),
  h2-font-size: map-get($ui-headers-br, h3-font-size),
  h2-line-height: map-get($ui-headers-br, h3-line-height),
  h3-font-size: map-get($ui-headers-br, h4-font-size),
  h3-line-height: map-get($ui-headers-br, h4-line-height),
  h4-font-size: map-get($ui-headers-br, h5-font-size),
  h4-line-height: map-get($ui-headers-br, h5-line-height),
  h5-font-size: map-get($ui-headers-br, h6-font-size),
  h5-line-height: map-get($ui-headers-br, h6-line-height),
  h6-font-size: map-get($ui-headers-br, h6-font-size),
  h6-line-height: map-get($ui-headers-br, h6-line-height-size),
);

$ui-display: (
  xl-font-size: 64px,
  xl-line-height: 76px,
  lg-font-size: 56px,
  lg-line-height: 72px,
  md-font-size: 48px,
  md-line-height: 62px,
  sm-font-size: 40px,
  sm-line-height: 52px,
);

$ui-label: (
  xl-font-size: 16px,
  xl-line-height: 22px,
  lg-font-size: 14px,
  lg-line-height: 20px,
  md-font-size: 12px,
  md-line-height: 18px,
  sm-font-size: 10px,
  sm-line-height: 16px,
);

$ui-icon-dogear-size: 11px;

$ui-body-color: ui-color('paper-ink-medium');

$ui-headings-margin-bottom: ($ui-spacer * 0.5);
$ui-headings-color: ui-color('paper-ink-dark');
$ui-headings-color-br: ui-color('blue');

$ui-lead-font-size: map-get($ui-body, base-font-size) * 1.5;
$ui-lead-font-weight: 300;

$ui-paragraph-margin-bottom: 1rem;