/* ========================================
   UTILITIES
   Spacing, Helpers, Decorative Elements
   ======================================== */

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

/* Margin Bottom */
.mb-0 { margin-bottom: 0; }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-md { margin-bottom: var(--space-md); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-2xl { margin-bottom: var(--space-2xl); }

/* Margin Top */
.mt-0 { margin-top: 0; }
.mt-sm { margin-top: var(--space-sm); }
.mt-md { margin-top: var(--space-md); }
.mt-lg { margin-top: var(--space-lg); }
.mt-xl { margin-top: var(--space-xl); }
.mt-2xl { margin-top: var(--space-2xl); }

/* ========================================
   HELPER CLASSES
   ======================================== */

/* Utility classes */
.hidden {
    display: none !important;
}

.image-decoration-centered {
    display: flex;
    justify-content: center;
    align-items: center;
}

.decorative-bullet {
    display: block;
    margin: 0 auto var(--space-sm);
}