/* ===================== UTILITIES v5.0 ===================== */
/* Color Classes, Spacing, Typography Helpers */

/* ---- TEXT COLORS ---- */
.text-green {
    color: var(--accent-green);
}

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

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

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

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

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

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

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

.text-gray {
    color: #9ca3af;
}

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

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

/* ---- FONT ---- */
.font-mono {
    font-family: 'SF Mono', 'Consolas', monospace;
}

.font-bold {
    font-weight: 700;
}

/* ---- TEXT ---- */
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

.text-xs {
    font-size: 11px;
}

.text-sm {
    font-size: 12px;
}

/* ---- SPACING ---- */
.mt-3 {
    margin-top: 12px;
}

.mt-4 {
    margin-top: 16px;
}

.mb-3 {
    margin-bottom: 12px;
}

.mb-4 {
    margin-bottom: 16px;
}

/* ---- DISPLAY ---- */
.hidden {
    display: none !important;
}