const BORDER_RADIUS = '20px'

const NORMAL_BOX_SHADOW = '0 2px 16px 0 rgb(0,0,0,0.1), 0 0 16px -2px rgb(0,0,0,0.06)'

const SEPCIAL_BOX_SHADOW = '0 40px 16px -24px rgb(0,0,0, 0.04), 0 8px 16px -8px rbg(0,0,0, 0.12), 0 16px 40px 16px rgb(0,0,0,0.04)'

const SMALL_FRONT_SIZE = '12px'

const NORMAL_FRONT_SIZE = '16px'

const SPECIAL_FRONT_SIZE = '24px'

const GRAY_COLOR_1 = '#333333'

const GRAY_COLOR_2 = '#666666'

const GRAY_COLOR_3 = '#999999'

const GRAY_COLOR_4 = '#cccccc'

const GRAY_COLOR_5 = '#D7DAE0'

const GRAY_COLOR_6 = '#EBEDF0'

const CONTENT_SPACE = '20px'

export default {
  BORDER_RADIUS,
  NORMAL_BOX_SHADOW,
  SEPCIAL_BOX_SHADOW,
  NORMAL_FRONT_SIZE,
  SPECIAL_FRONT_SIZE,
  SMALL_FRONT_SIZE,
  CONTENT_SPACE,
  GRAY_COLOR_1,
  GRAY_COLOR_2,
  GRAY_COLOR_3,
  GRAY_COLOR_4,
  GRAY_COLOR_5,
  GRAY_COLOR_6
}