/* ===============================================
   Utilities
   =============================================== */

.cha-text-primary {
    color: var(--cha-text-primary) !important;
}

.cha-text-secondary {
    color: var(--cha-text-secondary) !important;
}

.cha-text-muted {
    color: var(--cha-text-muted) !important;
}

.cha-text-success {
    color: var(--cha-success) !important;
}

.cha-text-warning {
    color: var(--cha-warning) !important;
}

.cha-text-error {
    color: var(--cha-error) !important;
}

.cha-bg-light {
    background: var(--cha-bg-light) !important;
}

.cha-bg-white {
    background: var(--cha-white) !important;
}

.cha-mt-0 {
    margin-top: 0 !important;
}

.cha-mb-0 {
    margin-bottom: 0 !important;
}

.cha-mt-1 {
    margin-top: 8px !important;
}

.cha-mb-1 {
    margin-bottom: 8px !important;
}

.cha-mt-2 {
    margin-top: 16px !important;
}

.cha-mb-2 {
    margin-bottom: 16px !important;
}

.cha-mt-3 {
    margin-top: 24px !important;
}

.cha-mb-3 {
    margin-bottom: 24px !important;
}

.cha-flex {
    display: flex !important;
}

.cha-flex-wrap {
    flex-wrap: wrap !important;
}

.cha-items-center {
    align-items: center !important;
}

.cha-justify-between {
    justify-content: space-between !important;
}

.cha-justify-end {
    justify-content: flex-end !important;
}

.cha-gap-1 {
    gap: 8px !important;
}

.cha-gap-2 {
    gap: 16px !important;
}

.cha-gap-3 {
    gap: 24px !important;
}