/* Utility helpers for the child theme */

:root {
  --space-0: 0;
  --space-5: 5px;
  --space-10: 10px;
  --space-15: 15px;
  --space-20: 20px;
  --space-25: 25px;
  --space-30: 30px;
  --space-35: 35px;
  --space-40: 40px;
  --space-45: 45px;
  --space-50: 50px;
}

.mr-0 { margin-right: var(--space-0) !important; }
.mr-5 { margin-right: var(--space-5) !important; }
.mr-10 { margin-right: var(--space-10) !important; }
.mr-15 { margin-right: var(--space-15) !important; }
.mr-20 { margin-right: var(--space-20) !important; }
.mr-25 { margin-right: var(--space-25) !important; }
.mr-30 { margin-right: var(--space-30) !important; }
.mr-35 { margin-right: var(--space-35) !important; }
.mr-40 { margin-right: var(--space-40) !important; }
.mr-45 { margin-right: var(--space-45) !important; }
.mr-50 { margin-right: var(--space-50) !important; }

.ml-0 { margin-left: var(--space-0) !important; }
.ml-5 { margin-left: var(--space-5) !important; }
.ml-10 { margin-left: var(--space-10) !important; }
.ml-15 { margin-left: var(--space-15) !important; }
.ml-20 { margin-left: var(--space-20) !important; }
.ml-25 { margin-left: var(--space-25) !important; }
.ml-30 { margin-left: var(--space-30) !important; }
.ml-35 { margin-left: var(--space-35) !important; }
.ml-40 { margin-left: var(--space-40) !important; }
.ml-45 { margin-left: var(--space-45) !important; }
.ml-50 { margin-left: var(--space-50) !important; }

.mt-0 { margin-top: var(--space-0) !important; }
.mt-5 { margin-top: var(--space-5) !important; }
.mt-10 { margin-top: var(--space-10) !important; }
.mt-15 { margin-top: var(--space-15) !important; }
.mt-20 { margin-top: var(--space-20) !important; }
.mt-25 { margin-top: var(--space-25) !important; }
.mt-30 { margin-top: var(--space-30) !important; }
.mt-35 { margin-top: var(--space-35) !important; }
.mt-40 { margin-top: var(--space-40) !important; }
.mt-45 { margin-top: var(--space-45) !important; }
.mt-50 { margin-top: var(--space-50) !important; }

.mb-0 { margin-bottom: var(--space-0) !important; }
.mb-5 { margin-bottom: var(--space-5) !important; }
.mb-10 { margin-bottom: var(--space-10) !important; }
.mb-15 { margin-bottom: var(--space-15) !important; }
.mb-20 { margin-bottom: var(--space-20) !important; }
.mb-25 { margin-bottom: var(--space-25) !important; }
.mb-30 { margin-bottom: var(--space-30) !important; }
.mb-35 { margin-bottom: var(--space-35) !important; }
.mb-40 { margin-bottom: var(--space-40) !important; }
.mb-45 { margin-bottom: var(--space-45) !important; }
.mb-50 { margin-bottom: var(--space-50) !important; }

.p-0 { padding: var(--space-0) !important; }
.p-5 { padding: var(--space-5) !important; }
.p-10 { padding: var(--space-10) !important; }
.p-15 { padding: var(--space-15) !important; }
.p-20 { padding: var(--space-20) !important; }
.p-25 { padding: var(--space-25) !important; }
.p-30 { padding: var(--space-30) !important; }
.p-35 { padding: var(--space-35) !important; }
.p-40 { padding: var(--space-40) !important; }
.p-45 { padding: var(--space-45) !important; }
.p-50 { padding: var(--space-50) !important; }

.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }
.align-center { align-items: center !important; }
.align-start { align-items: flex-start !important; }
.align-end { align-items: flex-end !important; }
.justify-center { justify-content: center !important; }
.justify-between { justify-content: space-between !important; }
.justify-end { justify-content: flex-end !important; }
.flex-column { flex-direction: column !important; }
.flex-wrap { flex-wrap: wrap !important; }

.w-100 { width: 100% !important; }
.h-100 { height: 100% !important; }
.text-center { text-align: center !important; }

.text-primary { color: var(--primary) !important; }
.text-secondary { color: var(--secondary) !important; }
.bg-primary { background-color: var(--primary) !important; }
.bg-secondary { background-color: var(--secondary) !important; }
.border-primary { border-color: var(--primary) !important; }
.border-secondary { border-color: var(--secondary) !important; }