/**
 * Typography & contrast utilities — use with design-tokens (--si-text-*).
 * Prefer these over Bootstrap’s gray utilities on dark executive surfaces.
 */

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

.si-text-heading {
    color: var(--si-text-heading) !important;
}

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

.text-readable-muted,
.si-text-readable-muted {
    color: var(--si-text-readable-muted) !important;
}

.si-text-label {
    color: var(--si-text-label) !important;
}

.si-text-glass-support {
    color: var(--si-text-secondary) !important;
}

.si-text-kpi {
    color: var(--si-text-kpi-value) !important;
}

.si-text-kpi-label {
    color: var(--si-text-kpi-label) !important;
}

.si-text-accent {
    color: var(--si-text-accent) !important;
}

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

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

.si-text-danger {
    color: var(--si-text-danger) !important;
}