import colors from './colors'

export const textStyles = {
  clearButton: {
    font: '700 12px/15px GTCinetype',
    color: colors['blue-cyan']
  },
  navbarMenu: {
    font: '400 14px/17px GTCinetype',
    color: colors.white
  },
  boxTitle: {
    font: '700 16px/20px GTCinetype',
    color: colors['dark-blue2']
  },
  boxText: {
    font: '300 17px/25px GTCinetype',
    color: colors['light-grey']
  },
  boxTitleLight: {
    font: '400 16px/20px GTCinetype',
    color: colors['blue-cyan']
  },
  link: {
    font: '400 16px/26px GTCinetype',
    color: colors['blue-cyan']
  },
  secured: {
    font: '11px/25px Rubik',
    color: colors.white
  },
  assetTitle: {
    font: '400 18px/25px GTCinetype',
    color: colors['dark-blue3']
  },
  assetDetail: {
    font: '400 13px/16px GTCinetype',
    color: colors['light-grey2']
  },
  investmentH1: {
    font: '300 30px/38px GTCinetype'
  },
  investmentH3: {
    font: '300 22px/37px Rubik'
  },
  remaining: {
    font: '13px/25px Rubik',
    color: colors['aqua']
  },
  stage: {
    font: '18px/22px Rubik',
    color: colors['dark-blue3']
  }
}

export default textStyles
