export const typography = {
  fontFamily: {
    'space-grotesk': ["'Space Grotesk'"],
  },
  fontSize: {
    sm: '0.875rem',
    base: '1rem',
    lg: '1.125rem',
    xl: '1.25rem',
    '2xl': '1.5rem',
    '3xl': '1.875rem',
    '4xl': '2.25rem',
    '5xl': '3rem',
    '6xl': '3.75rem',
    '7xl': '4.5rem',
  },
  fontWeight: {
    light: '200',
    normal: '400',
    medium: '500',
    semibold: '600',
    bold: '800',
  },
  letterSpacing: {
    tight: '-0.025em',
    normal: '0',
    wide: '0.025em',
    widest: '0.1em',
  },
  lineHeight: {
    none: '0.9',
    tight: '1',
    normal: '1.25',
    relaxed: '1.5',
  },
};