$font-family: 'Plus Jakarta Sans', sans-serif;

$display: (
  'd1': (
    'size': 80px,
    'weight': 700,
    'line-height': 88px,
    'letter-spacing': -0.02em,
    'font-family': $font-family,
    'text-transform': none,
  ),
  'd2': (
    'size': 64px,
    'weight': 700,
    'line-height': 72px,
    'letter-spacing': -0.02em,
    'font-family': $font-family,
    'text-transform': none,
  ),
  'd3': (
    'size': 56px,
    'weight': 700,
    'line-height': 64px,
    'letter-spacing': -0.02em,
    'font-family': $font-family,
    'text-transform': none,
  ),
  'd4': (
    'size': 48px,
    'weight': 700,
    'line-height': 56px,
    'letter-spacing': -0.02em,
    'font-family': $font-family,
    'text-transform': none,
  ),
);

$heading: (
  'h1': (
    'size': 40px,
    'weight': 700,
    'line-height': 48px,
    'letter-spacing': -0.02em,
    'font-family': $font-family,
    'text-transform': none,
  ),
  'h2': (
    'size': 32px,
    'weight': 700,
    'line-height': 40px,
    'letter-spacing': -0.02em,
    'font-family': $font-family,
    'text-transform': none,
  ),
  'h3': (
    'size': 28px,
    'weight': 700,
    'line-height': 36px,
    'letter-spacing': -0.02em,
    'font-family': $font-family,
    'text-transform': none,
  ),
  'h4': (
    'size': 24px,
    'weight': 600,
    'line-height': 28px,
    'letter-spacing': -0.02em,
    'font-family': $font-family,
    'text-transform': none,
  ),
  'h5': (
    'size': 20px,
    'weight': 600,
    'line-height': 24px,
    'letter-spacing': -0.02em,
    'font-family': $font-family,
    'text-transform': none,
  ),
  'h6': (
    'size': 16px,
    'weight': 600,
    'line-height': 20px,
    'letter-spacing': -0.01em,
    'font-family': $font-family,
    'text-transform': none,
  ),
);

$lead: (
  'regular': (
    'size': 20px,
    'weight': 400,
    'line-height': 32px,
    'letter-spacing': normal,
    'font-family': $font-family,
    'text-transform': none,
  ),
  'semibold': (
    'size': 20px,
    'weight': 600,
    'line-height': 32px,
    'letter-spacing': normal,
    'font-family': $font-family,
    'text-transform': none,
  ),
);

$base: (
  'regular': (
    'size': 16px,
    'weight': 400,
    'line-height': 24px,
    'letter-spacing': normal,
    'font-family': $font-family,
    'text-transform': none,
  ),
  'medium': (
    'size': 16px,
    'weight': 500,
    'line-height': 24px,
    'letter-spacing': normal,
    'font-family': $font-family,
    'text-transform': none,
  ),
  'semibold': (
    'size': 16px,
    'weight': 600,
    'line-height': 24px,
    'letter-spacing': normal,
    'font-family': $font-family,
    'text-transform': none,
  ),
);

$sm: (
  'regular': (
    'size': 14px,
    'weight': 400,
    'line-height': 20px,
    'letter-spacing': normal,
    'font-family': $font-family,
    'text-transform': none,
  ),
  'medium': (
    'size': 14px,
    'weight': 500,
    'line-height': 20px,
    'letter-spacing': normal,
    'font-family': $font-family,
    'text-transform': none,
  ),
  'semibold': (
    'size': 14px,
    'weight': 600,
    'line-height': 20px,
    'letter-spacing': normal,
    'font-family': $font-family,
    'text-transform': none,
  ),
);

$xs: (
  'regular': (
    'size': 12px,
    'weight': 400,
    'line-height': 16px,
    'letter-spacing': normal,
    'font-family': $font-family,
    'text-transform': none,
  ),
  'medium': (
    'size': 12px,
    'weight': 500,
    'line-height': 16px,
    'letter-spacing': normal,
    'font-family': $font-family,
    'text-transform': none,
  ),
  'semibold': (
    'size': 12px,
    'weight': 600,
    'line-height': 16px,
    'letter-spacing': normal,
    'font-family': $font-family,
    'text-transform': none,
  ),
);