export const text = {
  heading: {
    color: 'black',
    fontSize: 6,
    marginBottom: 3,
  },
  subtitle: {
    color: 'primaryDark',
    fontSize: 4,
    marginBottom: 2,
  },
  eyebrow: {
    textTransform: 'uppercase',
    color: 'grays.4',
    fontSize: 2,
    marginBottom: 0,
    letterSpacing: 0.8,
    fontFamily: 'body',
  },
  display: {
    fontSize: 2,
    lineHeight: 'body',
    fontFamily: 'body',
    color: 'grays.6',
    marginBottom: 4,
  },
  wordmark: {
    fontSize: 3,
    fontWeight: 'bold',
    fontFamily: 'heading',
    color: 'primaryDark',
  },
};