/* ==========================================================================
   04-UTILITIES: Spacing & Alignment
   ========================================================================== */

.u-mt-0 { margin-top: 0 !important; }
.u-mt-sm { margin-top: var(--space-sm) !important; }
.u-mt-md { margin-top: var(--space-md) !important; }
.u-mt-lg { margin-top: var(--space-lg) !important; }
.u-mt-xl { margin-top: var(--space-xl) !important; }

.u-mb-0 { margin-bottom: 0 !important; }
.u-mb-sm { margin-bottom: var(--space-sm) !important; }
.u-mb-md { margin-bottom: var(--space-md) !important; }
.u-mb-lg { margin-bottom: var(--space-lg) !important; }
.u-mb-xl { margin-bottom: var(--space-xl) !important; }

.u-pt-section { padding-top: var(--section-gap) !important; }
.u-pb-section { padding-bottom: var(--section-gap) !important; }
.u-py-section { 
  padding-top: var(--section-gap) !important; 
  padding-bottom: var(--section-gap) !important; 
}

.u-border-top { border-top: 1px solid var(--color-outline-variant) !important; }
.u-border-bottom { border-bottom: 1px solid var(--color-outline-variant) !important; }

.u-bg-paper { background-color: var(--color-paper-white) !important; }
.u-bg-warm-sand { background-color: var(--color-warm-sand) !important; }
.u-bg-surface { background-color: var(--color-surface) !important; }
.u-bg-dark { background-color: var(--color-dark-surface) !important; }