text: import { COLORS } from './colors'
  
  const theme = {
      space: {
        s0: '8rem',
        s1: '6rem',
        site: '5rem',
        s2: '4rem',
        s3: '2rem',
        s4: '1.2rem',
        s5: '0.64rem',
        s6: '0.4rem',
        s7: '0.24rem',
      },
      width: {
        content: '1440px'
      },
      fontSize: {
        t1: '5.6rem',
        t2: '4.4rem',
        t3: '3.2rem',
        th2: '2rem',
        t4: '1.6rem',
        t5: '1.2rem',
        t6: '0.96rem',
        pmin: '20px',
        pmid: '22px',
        pmax: '24px',
      },
      fonts: {
        sans: "Untitled Sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
        serif: "Untitled Serif, Georgia, Cambria, 'Times New Roman', Times, serif"
      },
      fontWeight: {
        light: 300,
        regular: 400,
        medium: 500,
        semiBold: 600,
        bold: 700,
      },
      lineHeight: {
        ploose: 1.6,
        ptight: 1.5,
        hloose: 1.3,
        htight: 1.2,
        code: 1.6,
      },
      letterSpacing: {
        tight: '-0.05rem',
        loose: '0.08rem',
      },
  
      shadows: {
        default: '0 .24rem 0.4rem rgba(0,0,0,0.08)'
      },
      colors: COLORS,
    }
    
    export default theme