.coral-flat { background-color: #FE7A6D }
.coral-flat .secondary-bg { background-color: #FF4C68 }
.coral-flat .accent-bg { background-color: #391718 }
.coral-flat .primary-color { color: #FFFFFF }
.coral-flat .secondary-color { color: #FFEAE7 }
.coral-flat .svg-fill { fill: #FFFFFF }

.coral-gradient { background: linear-gradient(#FE985F, #FE7A6D) }
.coral-gradient .secondary-bg { background-color: #FF4C68 }
.coral-gradient .accent-bg { background-color: #391718 }
.coral-gradient .primary-color { color: #FFFFFF }
.coral-gradient .secondary-color { color: #FFEAE7 }
.coral-gradient .svg-fill { fill: #FFFFFF }

.coral-accent { background-color: #391718 }
.coral-accent .secondary-bg { background-color: #FF4C68 }
.coral-accent .accent-bg { background-color: #FE7A6D }
.coral-accent .primary-color { color: #FFFFFF }
.coral-accent .secondary-color { color: #EBE7E7 }
.coral-accent .svg-fill { fill: #FFFFFF }

.coral-black { background-color: #FF4C68 }
.coral-black .secondary-bg { background-color: #FE7A6D }
.coral-black .accent-bg { background-color: #391718 }
.coral-black .primary-color { color: #FFFFFF }
.coral-black .secondary-color { color: #FFE5E9 }
.coral-black .svg-fill { fill: #FFFFFF }

.coral-white { background-color: #FFFFFF }
.coral-white .secondary-bg { background-color: #FFEAE7 }
.coral-white .accent-bg { background-color: #391718 }
.coral-white .primary-color { color: #000000 }
.coral-white .secondary-color { color: #8F8F8F }
.coral-white .svg-fill { fill: #FE7A6D }
.blue-flat { background-color: #0065FF }
.blue-flat .secondary-bg { background-color: #041029 }
.blue-flat .accent-bg { background-color: #00CC47 }
.blue-flat .primary-color { color: #FFFFFF }
.blue-flat .secondary-color { color: #D8E8FF }
.blue-flat .svg-fill { fill: #FFFFFF }

.blue-gradient { background: linear-gradient(#00C3FF, #0065FF) }
.blue-gradient .secondary-bg { background-color: #041029 }
.blue-gradient .accent-bg { background-color: #00CC47 }
.blue-gradient .primary-color { color: #FFFFFF }
.blue-gradient .secondary-color { color: #D8E8FF }
.blue-gradient .svg-fill { fill: #FFFFFF }

.blue-accent { background-color: #00CC47 }
.blue-accent .secondary-bg { background-color: #041029 }
.blue-accent .accent-bg { background-color: #0065FF }
.blue-accent .primary-color { color: #FFFFFF }
.blue-accent .secondary-color { color: #DCF8E6 }
.blue-accent .svg-fill { fill: #FFFFFF }

.blue-black { background-color: #041029 }
.blue-black .secondary-bg { background-color: #0065FF }
.blue-black .accent-bg { background-color: #00CC47 }
.blue-black .primary-color { color: #FFFFFF }
.blue-black .secondary-color { color: #DADBDF }
.blue-black .svg-fill { fill: #FFFFFF }

.blue-white { background-color: #FFFFFF }
.blue-white .secondary-bg { background-color: #D8E8FF }
.blue-white .accent-bg { background-color: #00CC47 }
.blue-white .primary-color { color: #000000 }
.blue-white .secondary-color { color: #8F8F8F }
.blue-white .svg-fill { fill: #0065FF }
.brown-flat { background-color: #5B1200 }
.brown-flat .secondary-bg { background-color: #911C00 }
.brown-flat .accent-bg { background-color: #FE7040 }
.brown-flat .primary-color { color: #FFFFFF }
.brown-flat .secondary-color { color: #E5DAD7 }
.brown-flat .svg-fill { fill: #FFFFFF }

.brown-gradient { background: linear-gradient(#911C00, #5B1200) }
.brown-gradient .secondary-bg { background-color: #911C00 }
.brown-gradient .accent-bg { background-color: #FE7040 }
.brown-gradient .primary-color { color: #FFFFFF }
.brown-gradient .secondary-color { color: #E5DAD7 }
.brown-gradient .svg-fill { fill: #FFFFFF }

.brown-accent { background-color: #FE7040 }
.brown-accent .secondary-bg { background-color: #911C00 }
.brown-accent .accent-bg { background-color: #5B1200 }
.brown-accent .primary-color { color: #FFFFFF }
.brown-accent .secondary-color { color: #FFEAE3 }
.brown-accent .svg-fill { fill: #FFFFFF }

.brown-black { background-color: #911C00 }
.brown-black .secondary-bg { background-color: #5B1200 }
.brown-black .accent-bg { background-color: #FE7040 }
.brown-black .primary-color { color: #FFFFFF }
.brown-black .secondary-color { color: #EEDCD8 }
.brown-black .svg-fill { fill: #FFFFFF }

.brown-white { background-color: #FFFFFF }
.brown-white .secondary-bg { background-color: #E5DAD7 }
.brown-white .accent-bg { background-color: #FE7040 }
.brown-white .primary-color { color: #000000 }
.brown-white .secondary-color { color: #8F8F8F }
.brown-white .svg-fill { fill: #5B1200 }
.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 }
.green-flat { background-color: #8BD746 }
.green-flat .secondary-bg { background-color: #33A07F }
.green-flat .accent-bg { background-color: #267b70 }
.green-flat .primary-color { color: #FFFFFF }
.green-flat .secondary-color { color: #EBF8DE }
.green-flat .svg-fill { fill: #FFFFFF }

.green-gradient { background: linear-gradient(#33A07F, #8BD746) }
.green-gradient .secondary-bg { background-color: #33A07F }
.green-gradient .accent-bg { background-color: #267b70 }
.green-gradient .primary-color { color: #FFFFFF }
.green-gradient .secondary-color { color: #EBF8DE }
.green-gradient .svg-fill { fill: #FFFFFF }

.green-accent { background-color: #267b70 }
.green-accent .secondary-bg { background-color: #33A07F }
.green-accent .accent-bg { background-color: #8BD746 }
.green-accent .primary-color { color: #FFFFFF }
.green-accent .secondary-color { color: #DBE9E8 }
.green-accent .svg-fill { fill: #FFFFFF }

.green-black { background-color: #33A07F }
.green-black .secondary-bg { background-color: #8BD746 }
.green-black .accent-bg { background-color: #267b70 }
.green-black .primary-color { color: #FFFFFF }
.green-black .secondary-color { color: #DDEFE9 }
.green-black .svg-fill { fill: #FFFFFF }

.green-white { background-color: #FFFFFF }
.green-white .secondary-bg { background-color: #EBF8DE }
.green-white .accent-bg { background-color: #267b70 }
.green-white .primary-color { color: #000000 }
.green-white .secondary-color { color: #8F8F8F }
.green-white .svg-fill { fill: #8BD746 }
.gray-flat { background-color: #C4C8D4 }
.gray-flat .secondary-bg { background-color: #E7E8E9 }
.gray-flat .accent-bg { background-color: #443B55 }
.gray-flat .primary-color { color: #000000 }
.gray-flat .secondary-color { color: #72747B }
.gray-flat .svg-fill { fill: #FFFFFF }

.gray-gradient { background: linear-gradient(#E7E8E9, #C4C8D4) }
.gray-gradient .secondary-bg { background-color: #E7E8E9 }
.gray-gradient .accent-bg { background-color: #443B55 }
.gray-gradient .primary-color { color: #000000 }
.gray-gradient .secondary-color { color: #72747B }
.gray-gradient .svg-fill { fill: #FFFFFF }

.gray-accent { background-color: #443B55 }
.gray-accent .secondary-bg { background-color: #b6bac7 }
.gray-accent .accent-bg { background-color: #C4C8D4 }
.gray-accent .primary-color { color: #FFFFFF }
.gray-accent .secondary-color { color: #E8E7EA }
.gray-accent .svg-fill { fill: #FFFFFF }

.gray-black { background-color: #E7E8E9 }
.gray-black .secondary-bg { background-color: #C4C8D4 }
.gray-black .accent-bg { background-color: #443B55 }
.gray-black .primary-color { color: #000000 }
.gray-black .secondary-color { color: #5b5d5d }
.gray-black .svg-fill { fill: #5b5d5d }

.gray-white { background-color: #ffffff }
.gray-white .secondary-bg { background-color: #F8F9FA }
.gray-white .accent-bg { background-color: #443B55 }
.gray-white .primary-color { color: #000000 }
.gray-white .secondary-color { color: #8F8F8F }
.gray-white .svg-fill { fill: #b6bac7 }