/**
 * Formex Utility Classes
 * Essential utility classes matching the original HTML
 */

/* ===========================
   FLEXBOX
   =========================== */

.flex {
  display: flex;
}

.items-center {
  align-items: center;
}

.items-start {
  align-items: flex-start;
}

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.gap-sm {
  gap: 0.5rem;
}

.gap-md {
  gap: 1rem;
}

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

/* Margin Top */
.mt-xs {
  margin-top: 0.25rem;
}

.mt-sm {
  margin-top: 0.5rem;
}

.mt-md {
  margin-top: 1rem;
}

.mt-lg {
  margin-top: 1.5rem;
}

.mt-xl {
  margin-top: 2rem;
}

.mt-2xl {
  margin-top: 3rem;
}

/* Margin Bottom */
.mb-xs {
  margin-bottom: 0.25rem;
}

.mb-sm {
  margin-bottom: 0.5rem;
}

.mb-md {
  margin-bottom: 1rem;
}

.mb-lg {
  margin-bottom: 1.5rem;
}

.mb-xl {
  margin-bottom: 2rem;
}

.mb-2xl {
  margin-bottom: 3rem;
}

/* ===========================
   TEXT ALIGNMENT
   =========================== */

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

/* ===========================
   TEXT COLORS
   =========================== */

.text-primary {
  color: rgb(0, 1, 5);
}

.text-grey-medium {
  color: rgb(90, 93, 91);
}

.text-grey-dark {
  color: rgb(90, 93, 91);
}

.text-success {
  color: rgb(16, 185, 129);
}

/* ===========================
   TEXT SIZES
   =========================== */

.text-small {
  font-size: 0.875rem;
}

.text-base {
  font-size: 1rem;
}

.text-lg {
  font-size: 1.125rem;
}