text: // color settings
  export const colors = {}
  
  colors.white = "#ffffff"
  colors.whiteDark = "#f1f3f3"
  
  colors.black = "#000000"
  colors.blackLight = "#777777"
  
  colors.gray = "#787c7b"
  colors.grayLight = "#a8abb1"
  
  colors.main = "#51cdc2"
  colors.mainLight = "#a6e3d7"
  
  colors.sub = "#ffba49"
  colors.subLight = "#ffe092"
  
  colors.link = "#12a4a7"
  
  // length
  export const length = {}
  
  length.radius = "6px"
  length.radiusSmall = "4px"
  
  length.marginSmall = "10px"
  length.marginMedium = "40px"
  length.marginLarge = "100px"
  
  // mediaquery
  export const mediaQuery = {}
  
  mediaQuery.small = "768px"
  mediaQuery.medium = ""
  mediaQuery.large = "1024px"
  