/* Fluid Typography utility classes */
/* Root font-size: 16px, Viewport: 576px - 1024px */

.fs-12 {
  font-size: clamp(0.6875rem, 0.6071rem + 0.2232vw, 0.75rem);
}

.fs-14 {
  font-size: clamp(0.8125rem, 0.7321rem + 0.2232vw, 0.875rem);
}

.fs-15 {
  font-size: clamp(0.875rem, 0.7946rem + 0.2232vw, 0.9375rem);
}

.fs-16 {
  font-size: clamp(0.875rem, 0.7143rem + 0.4464vw, 1rem);
}

.fs-18 {
  font-size: clamp(1rem, 0.8393rem + 0.4464vw, 1.125rem);
}

.fs-20 {
  font-size: clamp(1.125rem, 0.9643rem + 0.4464vw, 1.25rem);
}

.fs-22 {
  font-size: clamp(1.25rem, 1.0893rem + 0.4464vw, 1.375rem);
}

.fs-24 {
  font-size: clamp(1.25rem, 0.9286rem + 0.8929vw, 1.5rem);
}

.fs-26 {
  font-size: clamp(1.375rem, 1.0536rem + 0.8929vw, 1.625rem);
}

.fs-28 {
  font-size: clamp(1.5rem, 1.1786rem + 0.8929vw, 1.75rem);
}

.fs-30 {
  font-size: clamp(1.625rem, 1.3036rem + 0.8929vw, 1.875rem);
}

.fs-32 {
  font-size: clamp(1.5rem, 0.8571rem + 1.7857vw, 2rem);
}

.fs-34 {
  font-size: clamp(1.625rem, 0.9821rem + 1.7857vw, 2.125rem);
}

.fs-36 {
  font-size: clamp(1.75rem, 1.1071rem + 1.7857vw, 2.25rem);
}

.fs-38 {
  font-size: clamp(1.875rem, 1.2321rem + 1.7857vw, 2.375rem);
}

.fs-40 {
  font-size: clamp(2rem, 1.3571rem + 1.7857vw, 2.5rem);
}

.fs-42 {
  font-size: clamp(1.875rem, 0.9107rem + 2.6786vw, 2.625rem);
}

.fs-44 {
  font-size: clamp(2rem, 1.0357rem + 2.6786vw, 2.75rem);
}

.fs-46 {
  font-size: clamp(2.125rem, 1.1607rem + 2.6786vw, 2.875rem);
}

.fs-52 {
  font-size: clamp(2.25rem, 0.9643rem + 3.5714vw, 3.25rem);
}

.fs-56 {
  font-size: clamp(2.5rem, 1.2143rem + 3.5714vw, 3.5rem);
}

.fs-60 {
  font-size: clamp(2.75rem, 1.4643rem + 3.5714vw, 3.75rem);
}

.fs-64 {
  font-size: clamp(2.5rem, 0.5714rem + 5.3571vw, 4rem);
}

.fs-72 {
  font-size: clamp(2.5rem, -0.0714rem + 7.1429vw, 4.5rem);
}

.fs-80 {
  font-size: clamp(2.5rem, -0.7143rem + 8.9286vw, 5rem);
}

.fs-88 {
  font-size: clamp(2.5rem, -1.3571rem + 10.7143vw, 5.5rem);
}

.fs-96 {
  font-size: clamp(2.5rem, -2rem + 12.5vw, 6rem);
}

/* Fluid Spacing utility classes (Padding/Margin example) */
.p-fluid {
  padding: clamp(1rem, 0.5rem + 2vw, 2rem);
}

.m-fluid {
  margin: clamp(1rem, 0.5rem + 2vw, 2rem);
}