/* ==========================================================================
   UTILITIES.CSS
   Reusable helper classes (spacing, alignment, visibility, etc.)
   ========================================================================== */

/*-----------------------------------*\
 * #SPACING
\*-----------------------------------*/
.mt-1 { margin-top: 1rem; }
.mt-2 { margin-top: 2rem; }
.mt-3 { margin-top: 3rem; }
.mb-1 { margin-bottom: 1rem; }
.mb-2 { margin-bottom: 2rem; }
.mb-3 { margin-bottom: 3rem; }

/*-----------------------------------*\
 * #TEXT ALIGNMENT
\*-----------------------------------*/
.text-center { text-align: center; }
.text-left   { text-align: left; }
.text-right  { text-align: right; }

/*-----------------------------------*\
 * #VISIBILITY
\*-----------------------------------*/
.hidden {
    display: none;
}

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

/* Add other common utilities like flexbox helpers, grid helpers, etc. as needed */
/* .d-flex { display: flex; } */
/* .justify-center { justify-content: center; } */
/* .align-center { align-items: center; } */