/* ========== SPACING ========== */
.mt-1 {
    margin-top: var(--space-sm);
}

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

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

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

.p-1 {
    padding: var(--space-sm);
}

.p-2 {
    padding: var(--space-lg);
}

/* ========== FLEX ========== */
.flex {
    display: flex;
}

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

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

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

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

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

/* ========== TEXT ========== */
.text-muted {
    color: var(--color-text-muted);
}

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

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

/* ========== VISIBILITY ========== */
.hidden {
    display: none;
}