Colors

Convey meaning through color.

Fill Colors

Background Fills

.fill-color-primary

.fill-color-primary--light

.fill-color-primary--dark

.fill-color-complement

.fill-color-complement--light

.fill-color-complement--dark

.fill-color-tetrad

.fill-color-tetrad--light

.fill-color-tetrad--dark

.fill-color-secondary

.fill-color-secondary--light

.fill-color-secondary--dark

.fill-color-tertiary

.fill-color-tertiary--light

.fill-color-tertiary--dark

.fill-color-grey--light

.fill-color-grey--lighter

.fill-color-grey--lightest

.fill-color-grey--dark

.fill-color-grey--darker

.fill-color-grey--darkest

.fill-color-text-default

.fill-color-bg-default

.fill-color-dark

				
<div class="fill-color-primary"></div>
				
			

Gradient Fill Colors

Gradient Background Fills

.gradient-color-primary

.gradient-color-primary--light

.gradient-color-primary--dark

.gradient-color-complement

.gradient-color-complement--light

.gradient-color-complement--dark

.gradient-color-tetrad

.gradient-color-tetrad--light

.gradient-color-tetrad--dark

.gradient-color-secondary

.gradient-color-secondary--light

.gradient-color-secondary--dark

.gradient-color-tertiary

.gradient-color-tertiary--light

.gradient-color-tertiary--dark

.gradient-color-grey--light

.gradient-color-grey--lighter

.gradient-color-grey--lightest

.gradient-color-grey--dark

.gradient-color-grey--darker

.gradient-color-grey--darkest

.gradient-color-text-default

.gradient-color-bg-default

.gradient-color-dark

				
<div class="gradient-color-primary"></div>
				
			

Text Colors

.text-color-primary

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-primary--light

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-primary--dark

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-complement

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-complement--light

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-complement--dark

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-tetrad

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-tetrad--light

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-tetrad--dark

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-secondary

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-secondary--light

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-secondary--dark

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-tertiary

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-tertiary--light

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-tertiary--dark

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-grey--light

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-grey--lighter

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-grey--lightest

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-grey--dark

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-grey--darker

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-grey--darkest

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-text-default

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-bg-default

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

.text-color-dark

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.

				
<p class="text-color-primary"></p>
				
			

Gradient Text Colors

.text-gradient-color-primary

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-primary--light

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-primary--dark

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-complement

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-complement--light

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-complement--dark

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-tetrad

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-tetrad--light

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-tetrad--dark

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-secondary

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-secondary--light

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-secondary--dark

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-tertiary

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-tertiary--light

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-tertiary--dark

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-grey--light

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-grey--lighter

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-grey--lightest

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-grey--dark

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-grey--darker

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-grey--darkest

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-text-default

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-bg-default

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

.text-gradient-color-dark

Mauris interdum erat a accumsan dignissim.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus tincidunt dictum porta. Quisque in dui eu est iaculis hendrerit at ut libero. Sed ultrices dolor ac velit pellentesque, quis consequat tellus molestie. Proin pellentesque quam augue, et posuere odio sodales non. Morbi pellentesque elit ac massa imperdiet iaculis. Cras sed elit velit. Fusce vitae enim porta, facilisis erat eget, interdum turpis. Donec ac leo non lectus dignissim vulputate et fringilla mauris. Ut faucibus, neque sit amet vestibulum ullamcorper, sem sapien rutrum eros, sit amet imperdiet purus metus quis odio. Etiam luctus aliquam tortor sed rutrum. Mauris interdum erat a accumsan dignissim. In euismod auctor sapien, facilisis gravida justo tempus sit amet.

				
<p class="text-gradient-color-primary"></p>