/* ==========================================================================
   NACS Show 2026 - Widget Spacing Utilities
   Editor-controlled vertical space around widgets.
   Pair with: NACSShow.Components.Shared.Spacing.WidgetSpacingProperties
   Tokens scale: 0 / 8 / 16 / 32 / 56 / 88 (matches Figma responsive-padding)
   ========================================================================== */

/* Space Above */
.spc-mt-none { margin-top: 0 !important; }
.spc-mt-xs   { margin-top: 8px !important; }
.spc-mt-sm   { margin-top: 16px !important; }
.spc-mt-md   { margin-top: 32px !important; }
.spc-mt-lg   { margin-top: 56px !important; }
.spc-mt-xl   { margin-top: 88px !important; }

/* Space Below */
.spc-mb-none { margin-bottom: 0 !important; }
.spc-mb-xs   { margin-bottom: 8px !important; }
.spc-mb-sm   { margin-bottom: 16px !important }
.spc-mb-md   { margin-bottom: 32px !important; }
.spc-mb-lg   { margin-bottom: 56px !important; }
.spc-mb-xl   { margin-bottom: 88px !important }

/* Mobile scale-down: only the larger tokens shrink so vertical rhythm stays
   readable on phones while preserving editor intent at smaller tokens. */
@media screen and (max-width: 768px) {
    .spc-mt-lg { margin-top: 40px; }
    .spc-mt-xl { margin-top: 56px; }
    .spc-mb-lg { margin-bottom: 40px; }
    .spc-mb-xl { margin-bottom: 56px; }
}