$ecl-base-font-sizes: (
  '2xs': 0.625rem,
  'xs': 0.75rem,
  's': 0.875rem,
  'm': 1rem,
  'l': 1.125rem,
  'xl': 1.25rem,
  '2xl': 1.5rem,
  '3xl': 1.75rem,
  '4xl': 2rem,
  '5xl': 2.25rem,
  '6xl': 2.625rem,
);

$ecl-base-line-heights: (
  '2xs': 1rem,
  'xs': 1rem,
  's': 1rem,
  'm': 1.25rem,
  'l': 1.5rem,
  'xl': 1.5rem,
  '2xl': 1.75rem,
  '3xl': 2rem,
  '4xl': 2.5rem,
  '5xl': 2.75rem,
  '6xl': 3.25rem,
);

$ecl-base-fonts: (
  '2xs': normal normal 400 #{map-get(
      $ecl-base-font-sizes,
      '2xs'
    ) + '/' + map-get($ecl-base-line-heights, '2xs')} var(--eui-base-font-family),
  'xs': normal normal 400 #{map-get(
      $ecl-base-font-sizes,
      'xs'
    ) + '/' + map-get($ecl-base-line-heights, 'xs')} var(--eui-base-font-family),
  's': normal normal 400 #{map-get($ecl-base-font-sizes, 's') +
    '/' + map-get($ecl-base-line-heights, 's')} var(--eui-base-font-family),
  'm': normal normal 400 #{map-get($ecl-base-font-sizes, 'm') +
    '/' + map-get($ecl-base-line-heights, 'm')} var(--eui-base-font-family),
  'l': normal normal 400 #{map-get($ecl-base-font-sizes, 'l') +
    '/' + map-get($ecl-base-line-heights, 'l')} var(--eui-base-font-family),
  'xl': normal normal 400 #{map-get(
      $ecl-base-font-sizes,
      'xl'
    ) + '/' + map-get($ecl-base-line-heights, 'xl')} var(--eui-base-font-family),
  '2xl': normal normal 400 #{map-get(
      $ecl-base-font-sizes,
      '2xl'
    ) + '/' + map-get($ecl-base-line-heights, '2xl')} var(--eui-base-font-family),
  '3xl': normal normal 400 #{map-get(
      $ecl-base-font-sizes,
      '3xl'
    ) + '/' + map-get($ecl-base-line-heights, '3xl')} var(--eui-base-font-family),
  '4xl': normal normal 400 #{map-get(
      $ecl-base-font-sizes,
      '4xl'
    ) + '/' + map-get($ecl-base-line-heights, '4xl')} var(--eui-base-font-family),
  '5xl': normal normal 400 #{map-get(
      $ecl-base-font-sizes,
      '5xl'
    ) + '/' + map-get($ecl-base-line-heights, '5xl')} var(--eui-base-font-family),
  '6xl': normal normal 400 #{map-get(
      $ecl-base-font-sizes,
      '6xl'
    ) + '/' + map-get($ecl-base-line-heights, '6xl')} var(--eui-base-font-family),
);

$ecl-base-fonts-bold: (
  '2xs': normal normal 700 #{map-get(
      $ecl-base-font-sizes,
      '2xs'
    ) + '/' + map-get($ecl-base-line-heights, '2xs')} var(--eui-base-font-family),
  'xs': normal normal 700 #{map-get(
      $ecl-base-font-sizes,
      'xs'
    ) + '/' + map-get($ecl-base-line-heights, 'xs')} var(--eui-base-font-family),
  's': normal normal 700 #{map-get($ecl-base-font-sizes, 's') +
    '/' + map-get($ecl-base-line-heights, 's')} var(--eui-base-font-family),
  'm': normal normal 700 #{map-get($ecl-base-font-sizes, 'm') +
    '/' + map-get($ecl-base-line-heights, 'm')} var(--eui-base-font-family),
  'l': normal normal 700 #{map-get($ecl-base-font-sizes, 'l') +
    '/' + map-get($ecl-base-line-heights, 'l')} var(--eui-base-font-family),
  'xl': normal normal 700 #{map-get(
      $ecl-base-font-sizes,
      'xl'
    ) + '/' + map-get($ecl-base-line-heights, 'xl')} var(--eui-base-font-family),
  '2xl': normal normal 700 #{map-get(
      $ecl-base-font-sizes,
      '2xl'
    ) + '/' + map-get($ecl-base-line-heights, '2xl')} var(--eui-base-font-family),
  '3xl': normal normal 700 #{map-get(
      $ecl-base-font-sizes,
      '3xl'
    ) + '/' + map-get($ecl-base-line-heights, '3xl')} var(--eui-base-font-family),
  '4xl': normal normal 700 #{map-get(
      $ecl-base-font-sizes,
      '4xl'
    ) + '/' + map-get($ecl-base-line-heights, '4xl')} var(--eui-base-font-family),
  '5xl': normal normal 700 #{map-get(
      $ecl-base-font-sizes,
      '5xl'
    ) + '/' + map-get($ecl-base-line-heights, '5xl')} var(--eui-base-font-family),
  '6xl': normal normal 700 #{map-get(
      $ecl-base-font-sizes,
      '6xl'
    ) + '/' + map-get($ecl-base-line-heights, '6xl')} var(--eui-base-font-family),
);

