/**
 * Utility Classes
 * Spacing, text, display helpers
 */

/* ===== SPACING ===== */

/* Margin Top */
.le-mt-0 { margin-top: 0; }
.le-mt-1 { margin-top: var(--le-space-1); }
.le-mt-2 { margin-top: var(--le-space-2); }
.le-mt-3 { margin-top: var(--le-space-3); }
.le-mt-4 { margin-top: var(--le-space-4); }
.le-mt-6 { margin-top: var(--le-space-6); }
.le-mt-8 { margin-top: var(--le-space-8); }

/* Margin Bottom */
.le-mb-0 { margin-bottom: 0; }
.le-mb-1 { margin-bottom: var(--le-space-1); }
.le-mb-2 { margin-bottom: var(--le-space-2); }
.le-mb-3 { margin-bottom: var(--le-space-3); }
.le-mb-4 { margin-bottom: var(--le-space-4); }
.le-mb-6 { margin-bottom: var(--le-space-6); }
.le-mb-8 { margin-bottom: var(--le-space-8); }

/* Padding */
.le-p-0 { padding: 0; }
.le-p-2 { padding: var(--le-space-2); }
.le-p-4 { padding: var(--le-space-4); }
.le-p-6 { padding: var(--le-space-6); }

/* ===== TEXT ===== */

.le-text-center { text-align: center; }
.le-text-left { text-align: left; }
.le-text-right { text-align: right; }

.le-text-muted { color: var(--le-text-secondary); }
.le-text-success { color: var(--le-success); }
.le-text-error { color: var(--le-error); }
.le-text-accent { color: var(--le-accent); }

.le-text-sm { font-size: var(--le-text-sm); }
.le-text-lg { font-size: var(--le-text-lg); }

.le-font-display { font-family: var(--le-font-display); }
.le-font-body { font-family: var(--le-font-body); }
.le-font-ui { font-family: var(--le-font-ui); }

/* ===== DISPLAY ===== */

.le-hidden { display: none; }
.le-block { display: block; }
.le-inline { display: inline; }
.le-inline-block { display: inline-block; }

/* ===== LAYOUT HELPERS ===== */

.le-centered {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.le-centered--narrow {
  max-width: var(--le-container-sm);
}

.le-centered--wide {
  max-width: var(--le-container-lg);
}

/* ===== RESPONSIVE ===== */

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

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