const colors = {
  black: '#231F00',
  white: '#FFFFFF',
  grey: '#918f90',
  greyDark: '#005000',
  red: '#cc3300',
  blue: '#00008B',
};

const fonts = {
  thin: 'Montserrat-Thin',
  extralight: 'Montserrat-ExtraLight',
  light: 'Montserrat-Light',
  regular: 'Montserrat-Regular',
  medium: 'Montserrat-Medium',
  bold: 'Montserrat-Bold',
  extrabold: 'Montserrat-ExtraBold',
  semibold: 'Montserrat-SemiBold',
  black: 'Montserrat-Black',
  title: 'Spin',
};

const type = {
  title: {
    1: 62,
    2: 42,
    3: 28,
    4: 23,
    5: 19,
    6: 16,
    7: 10,
  },

  subtitle: {
    1: 16,
    2: 14,
    3: 12,
  },
  body: 14,
  caption: 12,
  overlyne: 10,
};

const sizes = {
  buttonHeight: 50,
};

export { colors, fonts, type, sizes };
