export const BORDER_RADIUS = '20px'

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

export const NORMAL_BOX_SHADOW_DARK_THEME =
  '0 2px 16px 0 rgba(0,0,0,0.16), 0 0 16px -2px rgba(0,0,0,0.12)'

export const SPECIAL_BOX_SHADOW =
  '0 40px 16px -24px rgba(0,0,0, 0.04), 0 8px 16px -8px rgba(0,0,0, 0.12), 0 16px 40px 16px rgba(0,0,0,0.04)'

export const SPECIAL_BOX_SHADOW_DARK_THEME =
  '0 40px 16px -24px rgba(0,0,0, 0.48), 0 8px 16px -8px rgba(0,0,0, 0.96), 0 16px 40px 16px rgba(0,0,0,0.48)'

export const SMALL_FRONT_SIZE = '12px'

export const NORMAL_FRONT_SIZE = '16px'

export const SPECIAL_FRONT_SIZE = '24px'

export const GRAY_COLOR_1 = '#333333'

export const GRAY_COLOR_2 = '#666666'

export const GRAY_COLOR_3 = '#999999'

export const GRAY_COLOR_4 = '#cccccc'

export const GRAY_COLOR_5 = '#D7DAE0'

export const GRAY_COLOR_6 = '#EBEDF0'

export const CONTENT_SPACE = '20px'

export default {
  BORDER_RADIUS,
  NORMAL_BOX_SHADOW,
  NORMAL_BOX_SHADOW_DARK_THEME,
  SPECIAL_BOX_SHADOW,
  SPECIAL_BOX_SHADOW_DARK_THEME,
  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
}
