.bg-white {
    background-color: var(--color-white);
}

.bg-light {
    background-color: var(--color-light);
}

.bg-dark {
    background-color: var(--color-dark);
}

.bg-primary {
    background-color: var(--color-primary);
}

.text-white {
    color: var(--color-white);
}

.text-center {
    text-align: center;
}

.text-lead {
    font-size: 1.25rem;
    color: #666;
    margin-bottom: var(--space-sm);
}

.text-small {
    font-size: 0.875rem;
}

.text-muted {
    color: #888;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-80 {
    opacity: 0.8;
}

.mb-sm {
    margin-bottom: var(--space-sm);
}

.mb-md {
    margin-bottom: var(--space-md);
}

.mb-lg {
    margin-bottom: var(--space-lg);
}

.mt-sm {
    margin-top: var(--space-sm);
}

.mt-md {
    margin-top: var(--space-md);
}

.align-center {
    align-items: center;
}

[hidden] {
    display: none !important;
}