/* ==========================================================================
   Utility Classes
   ========================================================================== */

/* Text alignment */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

/* Spacing */
.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }
.mt-4 { margin-top: var(--dm-space-4); }
.mt-6 { margin-top: var(--dm-space-6); }
.mt-8 { margin-top: var(--dm-space-8); }
.mb-4 { margin-bottom: var(--dm-space-4); }
.mb-6 { margin-bottom: var(--dm-space-6); }
.mb-8 { margin-bottom: var(--dm-space-8); }

/* Display */
.hidden { display: none; }

@media (max-width: 767px) {
  .hidden-mobile { display: none; }
}

@media (min-width: 768px) {
  .hidden-desktop { display: none; }
}

/* Width */
.w-full { width: 100%; }
.max-w-narrow { max-width: var(--dm-container-md); margin-left: auto; margin-right: auto; }