/* ============================================
   UTILITIES - Helper Classes
   ============================================ */

/* Spacing */
.mt-1 { margin-top: var(--spacing-sm); }
.mt-2 { margin-top: var(--spacing-md); }
.mt-3 { margin-top: var(--spacing-lg); }
.mb-1 { margin-bottom: var(--spacing-sm); }
.mb-2 { margin-bottom: var(--spacing-md); }
.mb-3 { margin-bottom: var(--spacing-lg); }

/* Text */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-muted { color: var(--color-text-muted); }

/* Display */
.d-flex { display: flex; }
.d-grid { display: grid; }
.flex-center { display: flex; justify-content: center; align-items: center; }

/* Responsive */
@media (max-width: 768px) {
  .hide-mobile { display: none; }
}