# Colors

### Background

    <div class="bg-alt">Alternate</div>
    <div class="bg-inv">Inverse</div>
    <div class="bg-primary">Primary</div>
    <div class="bg-secondary">Secondary</div>
    <div class="bg-success">Success</div>
    <div class="bg-warning">Warning</div>
    <div class="bg-danger">Danger</div>

Alternate
Inverse
Primary
Secondary
Success
Warning
Danger

### Text Colors

    <p>Normal</p>
    <p class="tc-muted">Muted</p>
    <p style="background-color:#999" class="tc-inv">Inverse</p>
    <p class="tc-primary">Primary</p>
    <p class="tc-secondary">Secondary</p>
    <p class="tc-success">Success</p>
    <p class="tc-warning">Warning</p>
    <p class="tc-danger">Danger</p>

Normal

Muted

Inverse

Primary

Secondary

Success

Warning

Danger

### * Notes

Additional styles may be added to the example output (borders, spacing, colors) for demonstration.