$small-icon-size: unit.rem(18px) !default;

$medium-icon-size: unit.rem(20px) !default;

$large-icon-size: unit.rem(24px) !default;

$small-inline-title-token-size: 'paragraph-2' !default;

$medium-inline-title-token-size: 'paragraph-1' !default;

$block-title-token-size: 'section-2' !default;

$small-inline-title-font-size: typography.get($small-inline-title-token-size, 'font-size') !default;

$small-inline-title-line-height: typography.get(
  $small-inline-title-token-size,
  'line-height'
) !default;

$medium-inline-title-font-size: typography.get(
  $medium-inline-title-token-size,
  'font-size'
) !default;

$medium-inline-title-line-height: typography.get(
  $medium-inline-title-token-size,
  'line-height'
) !default;

$block-title-font-size: typography.get($block-title-token-size, 'font-size') !default;

$block-title-line-height: typography.get($block-title-token-size, 'line-height') !default;

$computed-small-inline-title-line-height: calc(
  $small-inline-title-line-height * $small-inline-title-font-size
) !default;

$computed-medium-inline-title-line-height: calc(
  $medium-inline-title-line-height * $medium-inline-title-font-size
) !default;

$computed-block-title-line-height: calc($block-title-line-height * $block-title-font-size) !default;