/* ============================================================
   Nicci Platform — Utilities
   Depends: components.css → base.css → tokens.css
   ============================================================ */

/* Spacing — margin/padding top/bottom in 4 Stufen */
.nc-mt-1 { margin-top: 8px; }
.nc-mt-2 { margin-top: 16px; }
.nc-mt-3 { margin-top: 24px; }
.nc-mt-4 { margin-top: 48px; }

.nc-mb-1 { margin-bottom: 8px; }
.nc-mb-2 { margin-bottom: 16px; }
.nc-mb-3 { margin-bottom: 24px; }
.nc-mb-4 { margin-bottom: 48px; }

.nc-pt-1 { padding-top: 8px; }
.nc-pt-2 { padding-top: 16px; }
.nc-pt-3 { padding-top: 24px; }
.nc-pt-4 { padding-top: 48px; }

.nc-pb-1 { padding-bottom: 8px; }
.nc-pb-2 { padding-bottom: 16px; }
.nc-pb-3 { padding-bottom: 24px; }
.nc-pb-4 { padding-bottom: 48px; }

/* Display */
.nc-hide-mobile  { display: none; }
@media (min-width: 768px) {
  .nc-hide-mobile { display: revert; }
}

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

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