/* ───────────────────────────────────────────────────────────
   Utilities — semantic TEXT COLOR only.

   A deliberately minimal utility layer: the system is component-first,
   so this file exposes ONLY the semantic text colours that products
   otherwise reach to Bootstrap (`text-muted`, `text-success`, …) for —
   e.g. muted captions, and inline success/warning/danger status text or
   status icons that don't belong to an alert/badge.

   It is NOT a general utility framework. Do not add spacing, display,
   sizing, or font-weight helpers here — use the components and tokens
   for those. Keeping this scoped to colour is what stops the system
   from drifting back into a Bootstrap clone.

   The state colours map to the contrast-tuned `-text` token variants so
   they stay legible as body text on light surfaces. For decorative
   FILLS (dots, large glyphs) the vivid base tokens — var(--tn-success)
   etc. — remain available directly.
   ─────────────────────────────────────────────────────────── */

.tn-text-muted {
    color: var(--tn-text-muted);
}

.tn-text-secondary {
    color: var(--tn-text-secondary);
}

.tn-text-accent {
    color: var(--tn-accent);
}

.tn-text-success {
    color: var(--tn-success-text);
}

.tn-text-warning {
    color: var(--tn-warning-text);
}

.tn-text-danger {
    color: var(--tn-danger-text);
}