text: const theme = {
    global: {
      colors: {
        brand: '#ffce34',
        darkGray: '#474c55',
        lightGray: '#ddddda',
        white: '#ffffff'
      },
      focus: {
        border: {
          color: 'lightGray'
        },
        outline: {
          color: 'lightGray'
        }
      },
      font: {
        family: 'Montserrat',
        size: '18px',
        height: '20px'
      }
    },
    heading: {
      level: {
        1: {
          font: {
            family: 'Oswald'
          }
        }
      }
    },
    rangeInput: {
      thumb: {
        color: 'darkGray'
      },
      track: {
        color: 'white'
      }
    }
  }
  
  export default theme
  