JavaScript Style Object To Custom Properties

{ name: 'light', borderRadius: '15px', safeTop: 'calc(env(safe-area-inset-top, 15px) + 35px)', cardSpacing: { horizontal: '20px', vertical: '85px', }, colors: { primaryBackground: '#FAFAF2', primaryButton: '#FFFFFF', primaryCard: '#FFFFFF', accent: '#2ea7a4', text: '#2f2f2f', textSecondary: '#707070', tabNav: '#707070', shadow: '#00000029', placeholder: '##959595', highlight: { text: '#2F2F2F', green: '#C4FF86', yellow: '#F1E732' }, themeBlue: '#47D3F9', themeOrange: '#FB551E', feedModalBackground: 'rgba(0,0,0,0.77)', title: '#000', subTitle: 'rgba(255, 255, 244, 0.5)', gradientLeft: 'rgba(249,155,163,1)', gradientRight: 'rgba(104,60,188,1)' }, arrayExample: [ "1", "2", "3"] }