/**
 * Utility Colors
 * --------------------------------------------------
 * Utility colors are added to help set a naming convention. You'll
 * notice we purposely do not use words like "red" or "blue", but
 * instead have colors which represent an emotion or generic theme.
 */
.light, a.light {
    color: #fff; }

.light-bg {
    background-color: #fff; }

.light-border {
    border-color: #ddd; }

.stable, a.stable {
    color: #f8f8f8; }

.stable-bg {
    background-color: #f8f8f8; }

.gray-bg {
    background-color: #f0e9e9; }

.stable-border {
    border-color: #b2b2b2; }

.positive, a.positive {
    color: #387ef5; }

.positive-bg {
    background-color: #387ef5; }

.positive-border {
    border-color: #0c63ee; }

.calm, a.calm {
    color: #11c1f3; }

.calm-bg {
    background-color: #11c1f3; }

.calm-border {
    border-color: #0a9ec7; }

.assertive, a.assertive {
    color: #F00; }

.assertive-bg {
    background-color: #df403c; }

.assertive-border {
    border-color: #e42012; }

.balanced, a.balanced {
    color: #32c880; }

.balanced-bg {
    background-color: #32c880; }

.balanced-border {
    border-color: #32c880; }

.energized, a.energized {
    color: #ffc900; }

.energized-bg {
    background-color: #ffc900; }

.energized-border {
    border-color: #e6b400; }

.royal, a.royal {
    color: #886aea; }

.royal-bg {
    background-color: #886aea; }

.royal-border {
    border-color: #6b46e5; }

.dark, a.dark {
    color: #444; }

.dark-bg {
    background-color: #444; }

.dark-border {
    border-color: #111; }