.fuschia-flat { background-color: #BB3385 }
.fuschia-flat .secondary-bg { background-color: #4831B8 }
.fuschia-flat .accent-bg { background-color: #56AFD5 }
.fuschia-flat .primary-color { color: #FFFFFF }
.fuschia-flat .secondary-color { color: #F3DCEA }
.fuschia-flat .svg-fill { fill: #FFFFFF }

.fuschia-gradient { background: linear-gradient(#F93268, #4731B9) }
.fuschia-gradient .secondary-bg { background-color: #4831B8 }
.fuschia-gradient .accent-bg { background-color: #56AFD5 }
.fuschia-gradient .primary-color { color: #FFFFFF }
.fuschia-gradient .secondary-color { color: #F3DCEA }
.fuschia-gradient .svg-fill { fill: #FFFFFF }

.fuschia-accent { background-color: #56AFD5 }
.fuschia-accent .secondary-bg { background-color: #4831B8 }
.fuschia-accent .accent-bg { background-color: #BB3385 }
.fuschia-accent .primary-color { color: #FFFFFF }
.fuschia-accent .secondary-color { color: #E4F2F8 }
.fuschia-accent .svg-fill { fill: #FFFFFF }

.fuschia-black { background-color: #4831B8 }
.fuschia-black .secondary-bg { background-color: #BB3385 }
.fuschia-black .accent-bg { background-color: #56AFD5 }
.fuschia-black .primary-color { color: #FFFFFF }
.fuschia-black .secondary-color { color: #E7E4F6 }
.fuschia-black .svg-fill { fill: #FFFFFF }

.fuschia-white { background-color: #FFFFFF }
.fuschia-white .secondary-bg { background-color: #F3DCEA }
.fuschia-white .accent-bg { background-color: #56AFD5 }
.fuschia-white .primary-color { color: #000000 }
.fuschia-white .secondary-color { color: #8F8F8F }
.fuschia-white .svg-fill { fill: #BB3385 }
.purple-flat { background-color: #B061D0 }
.purple-flat .secondary-bg { background-color: #252780 }
.purple-flat .accent-bg { background-color: #422DB1 }
.purple-flat .primary-color { color: #FFFFFF }
.purple-flat .secondary-color { color: #F3E6F8 }
.purple-flat .svg-fill { fill: #FFFFFF }

.purple-gradient { background: linear-gradient(#252780, #B061D0) }
.purple-gradient .secondary-bg { background-color: #252780 }
.purple-gradient .accent-bg { background-color: #422DB1 }
.purple-gradient .primary-color { color: #FFFFFF }
.purple-gradient .secondary-color { color: #F3E6F8 }
.purple-gradient .svg-fill { fill: #FFFFFF }

.purple-accent { background-color: #422DB1 }
.purple-accent .secondary-bg { background-color: #252780 }
.purple-accent .accent-bg { background-color: #B061D0 }
.purple-accent .primary-color { color: #FFFFFF }
.purple-accent .secondary-color { color: #ECEAF7 }
.purple-accent .svg-fill { fill: #FFFFFF }

.purple-black { background-color: #252780 }
.purple-black .secondary-bg { background-color: #B061D0 }
.purple-black .accent-bg { background-color: #422DB1 }
.purple-black .primary-color { color: #FFFFFF }
.purple-black .secondary-color { color: #E4E4EF }
.purple-black .svg-fill { fill: #FFFFFF }

.purple-white { background-color: #FFFFFF }
.purple-white .secondary-bg { background-color: #F3E6F8 }
.purple-white .accent-bg { background-color: #422DB1 }
.purple-white .primary-color { color: #000000 }
.purple-white .secondary-color { color: #8F8F8F }
.purple-white .svg-fill { fill: #B061D0 }