export default {
  fonts: {
    base: "Inter, Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif",
    headers: "PxGroteskRegular, Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif",
  },
  weights: {
    thin: 100,
    light: 300,
    regular: 400,
    medium: 500,
    semibold: 600,
    bold: 700,
  },
  // assuming 1rem = 16px
  sizes: {
    hero: '4rem',
    h1: '3.25rem',
    h2: '2.5rem',
    h3: '2rem',
    h4: '1.5rem',
    h5: '1.25rem',
    h6: '1rem',
    subtitle1: '1.125rem',
    subtitle2: '0.875rem',
    body1: '1rem',
    body2: '0.875rem',
    caption: '0.75rem',
    overhead: '0.75rem',
    button: {
      large: '1rem',
      medium: '0.875rem',
      small: '0.75rem',
    },
    icon: {
      xlarge: '32px',
      large: '24px',
      medium: '20px',
      small: '16px',
    },
  },
  lineHeights: {
    hero: 1,
    h1: 1.15,
    h2: 1.2,
    h3: 1.25,
    h4: 1.33,
    h5: 1.2,
    h6: 1.25,
    subtitle1: 1.33,
    subtitle2: 1.43,
    body1: 1.75,
    body2: 1.43,
    caption: 1.17,
    overhead: 1.17,
    button: 1,
  },
}
