/* Spacing */
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: var(--space-8); }
.mt-2 { margin-top: var(--space-16); }
.mt-3 { margin-top: var(--space-24); }
.mt-4 { margin-top: var(--space-32); }

.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: var(--space-8); }
.mb-2 { margin-bottom: var(--space-16); }
.mb-3 { margin-bottom: var(--space-24); }
.mb-4 { margin-bottom: var(--space-32); }

.py-section { padding-block: var(--space-64); }

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

/* Display helpers */
.w-full { width: 100%; }
.hidden { display: none; }
.surface { background: var(--color-bg-surface); }

/* Responsive helpers */
@media (max-width: 820px) {
  .md-hidden { display: none; }
  .md-w-full { width: 100%; }
}