/* ================================================================
   EVORIA — Utilities v3
   ================================================================ */

/* ── Text ──────────────────────────────────────────────────────── */
.text-center {
    text-align: center;
}

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

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

/* ── Margin-top ────────────────────────────────────────────────── */
.mt-xs {
    margin-top: var(--space-xs);
}

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

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

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

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

/* ── Margin-bottom ─────────────────────────────────────────────── */
.mb-xs {
    margin-bottom: var(--space-xs);
}

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

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

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

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

/* ── Flexbox ───────────────────────────────────────────────────── */
.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

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

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.flex-1 {
    flex: 1;
}

.flex-gap-xs {
    gap: var(--space-xs);
}

.flex-gap-sm {
    gap: var(--space-sm);
}

.flex-gap-md {
    gap: var(--space-md);
}

.flex-gap-lg {
    gap: var(--space-lg);
}