export const space = {
  none: 0,
  _2xs: 2,
  xs: 4,
  sm: 8,
  md: 12,
  lg: 16,
  xl: 24,
  _2xl: 32,
} as const

export const borderRadius = {
  xs: 4,
  sm: 8,
  md: 12,
  full: 999,
} as const

export const fontSize = {
  _2xs: 10,
  xs: 12,
  sm: 14,
  md: 16,
  lg: 18,
  xl: 20,
  _2xl: 24,
  _3xl: 28,
} as const

export const lineHeight = {
  _2xs: 18,
  xs: 18,
  sm: 22,
  md: 24,
  lg: 26,
  xl: 30,
  _2xl: 32,
  _3xl: 36,
} as const

export const fontWeight = {
  thin: '300',
  normal: '400',
  semibold: '500',
  bold: '600',
} as const

export const opacity = {
  _8: '14',
  _10: '1A',
  _16: '29',
  _26: '42',
  _40: '66',
  _48: '7A',
  _64: 'A3',
  _70: 'B3',
  _80: 'CC',
} as const

export const tokens = {
  space,
  borderRadius,
  fontSize,
  lineHeight,
  fontWeight,
  opacity,
} as const