Primary Color
<div class="color-primary">Some text content...</div>
<p class="color-primary">Some text content...</p>
<span class="color-primary">Some text content...</span>
Secondary Color
<div class="color-secondary">Some text content...</div>
<p class="color-secondary">Some text content...</p>
<span class="color-secondary">Some text content...</span>
Dark Color
<div class="color-dark">Some text content...</div>
<p class="color-dark">Some text content...</p>
<span class="color-dark">Some text content...</span>
Light Color
<div class="color-light">Some text content...</div>
<p class="color-light">Some text content...</p>
<span class="color-light">Some text content...</span>
White Color
<div class="color-white">Some text content...</div>
<p class="color-white">Some text content...</p>
<span class="color-white">Some text content...</span>
Black Color
<div class="color-black">Some text content...</div>
<p class="color-black">Some text content...</p>
<span class="color-black">Some text content...</span>
Info Color
<div class="color-info">Some text content...</div>
<p class="color-info">Some text content...</p>
<span class="color-info">Some text content...</span>
Success Color
<div class="color-success">Some text content...</div>
<p class="color-success">Some text content...</p>
<span class="color-success">Some text content...</span>
Warning Color
<div class="color-warning">Some text content...</div>
<p class="color-warning">Some text content...</p>
<span class="color-warning">Some text content...</span>
Danger Color
<div class="color-danger">Some text content...</div>
<p class="color-danger">Some text content...</p>
<span class="color-danger">Some text content...</span>
