/**
 * Manugrafie – Utility Classes
 *
 * Kleine Hilfsklassen für Abstände, Sichtbarkeit, Textausrichtung.
 * Verwendung: class="manugrafie-mt-lg manugrafie-text-center"
 *
 * @package    Manugrafie
 * @since      1.0.0
 */

/* ==========================================================================
   Margin Utilities
   ========================================================================== */

.manugrafie-mt-xs { margin-top: var(--manugrafie-spacing-xs); }
.manugrafie-mt-sm { margin-top: var(--manugrafie-spacing-sm); }
.manugrafie-mt-md { margin-top: var(--manugrafie-spacing-md); }
.manugrafie-mt-lg { margin-top: var(--manugrafie-spacing-lg); }
.manugrafie-mt-xl { margin-top: var(--manugrafie-spacing-xl); }
.manugrafie-mt-2xl { margin-top: var(--manugrafie-spacing-2xl); }

.manugrafie-mb-xs { margin-bottom: var(--manugrafie-spacing-xs); }
.manugrafie-mb-sm { margin-bottom: var(--manugrafie-spacing-sm); }
.manugrafie-mb-md { margin-bottom: var(--manugrafie-spacing-md); }
.manugrafie-mb-lg { margin-bottom: var(--manugrafie-spacing-lg); }
.manugrafie-mb-xl { margin-bottom: var(--manugrafie-spacing-xl); }

/* ==========================================================================
   Text Utilities
   ========================================================================== */

.manugrafie-text-center { text-align: center; }
.manugrafie-text-muted { color: var(--manugrafie-text-muted); }
.manugrafie-text-small { font-size: 0.875rem; }

/* ==========================================================================
   Screen Reader Only (Accessibility)
   ========================================================================== */

.manugrafie-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}