/* Bootstrap‑style spacing utilities */

/* Spacing scale (Bootstrap‑like) */
:root {
  --spacer-0: 0;
  --spacer-1: 0.25rem;
  --spacer-2: 0.5rem;
  --spacer-3: 1rem;
  --spacer-4: 1.5rem;
  --spacer-5: 3rem;
}

/* Margin */
.m-0  { margin: var(--spacer-0) !important; }
.m-1  { margin: var(--spacer-1) !important; }
.m-2  { margin: var(--spacer-2) !important; }
.m-3  { margin: var(--spacer-3) !important; }
.m-4  { margin: var(--spacer-4) !important; }
.m-5  { margin: var(--spacer-5) !important; }

/* Margin top */
.mt-0 { margin-top: var(--spacer-0) !important; }
.mt-1 { margin-top: var(--spacer-1) !important; }
.mt-2 { margin-top: var(--spacer-2) !important; }
.mt-3 { margin-top: var(--spacer-3) !important; }
.mt-4 { margin-top: var(--spacer-4) !important; }
.mt-5 { margin-top: var(--spacer-5) !important; }

/* Margin bottom */
.mb-0 { margin-bottom: var(--spacer-0) !important; }
.mb-1 { margin-bottom: var(--spacer-1) !important; }
.mb-2 { margin-bottom: var(--spacer-2) !important; }
.mb-3 { margin-bottom: var(--spacer-3) !important; }
.mb-4 { margin-bottom: var(--spacer-4) !important; }
.mb-5 { margin-bottom: var(--spacer-5) !important; }

/* Margin left/right */
.ms-0 { margin-left: var(--spacer-0) !important; }
.ms-1 { margin-left: var(--spacer-1) !important; }
.ms-2 { margin-left: var(--spacer-2) !important; }
.ms-3 { margin-left: var(--spacer-3) !important; }
.ms-4 { margin-left: var(--spacer-4) !important; }
.ms-5 { margin-left: var(--spacer-5) !important; }

.me-0 { margin-right: var(--spacer-0) !important; }
.me-1 { margin-right: var(--spacer-1) !important; }
.me-2 { margin-right: var(--spacer-2) !important; }
.me-3 { margin-right: var(--spacer-3) !important; }
.me-4 { margin-right: var(--spacer-4) !important; }
.me-5 { margin-right: var(--spacer-5) !important; }

/* Padding */
.p-0  { padding: var(--spacer-0) !important; }
.p-1  { padding: var(--spacer-1) !important; }
.p-2  { padding: var(--spacer-2) !important; }
.p-3  { padding: var(--spacer-3) !important; }
.p-4  { padding: var(--spacer-4) !important; }
.p-5  { padding: var(--spacer-5) !important; }

/* Padding top */
.pt-0 { padding-top: var(--spacer-0) !important; }
.pt-1 { padding-top: var(--spacer-1) !important; }
.pt-2 { padding-top: var(--spacer-2) !important; }
.pt-3 { padding-top: var(--spacer-3) !important; }
.pt-4 { padding-top: var(--spacer-4) !important; }
.pt-5 { padding-top: var(--spacer-5) !important; }

/* Padding bottom */
.pb-0 { padding-bottom: var(--spacer-0) !important; }
.pb-1 { padding-bottom: var(--spacer-1) !important; }
.pb-2 { padding-bottom: var(--spacer-2) !important; }
.pb-3 { padding-bottom: var(--spacer-3) !important; }
.pb-4 { padding-bottom: var(--spacer-4) !important; }
.pb-5 { padding-bottom: var(--spacer-5) !important; }

/* Padding left/right */
.ps-0 { padding-left: var(--spacer-0) !important; }
.ps-1 { padding-left: var(--spacer-1) !important; }
.ps-2 { padding-left: var(--spacer-2) !important; }
.ps-3 { padding-left: var(--spacer-3) !important; }
.ps-4 { padding-left: var(--spacer-4) !important; }
.ps-5 { padding-left: var(--spacer-5) !important; }

.pe-0 { padding-right: var(--spacer-0) !important; }
.pe-1 { padding-right: var(--spacer-1) !important; }
.pe-2 { padding-right: var(--spacer-2) !important; }
.pe-3 { padding-right: var(--spacer-3) !important; }
.pe-4 { padding-right: var(--spacer-4) !important; }
.pe-5 { padding-right: var(--spacer-5) !important; }