:root {
  /* Fluid Spacing & Typography */
}

/* Fluid Typography using Clamp */
.fluid-h1 {
  font-weight: 600;
  /* Min: 28px, Max: 52px, scales with viewport */
  font-size: clamp(1.5rem, 5vw, 3.25rem);
  line-height: 1.2;
}

.fluid-p {
  /* Min: 16px, Max: 20px */
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  line-height: 1.6;
}

/* Custom Flex Utilities */
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Responsive Padding Overrides */
@media (max-width: 768px) {
  .section-padding {
    padding: 2.5rem 0;
  }
}

@media (min-width: 769px) {
  .section-padding {
    padding: 5rem 0;
  }
}