/* ==============================
   GOOGLE FONTS CDN (CSS ONLY)
   ============================== */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");

/* ==============================
   FONT UTILITY CLASS
   ============================== */

/* BODY / UI */
.font-inter-pro {
  font-family:
    "Inter",
    system-ui,
    -apple-system,
    sans-serif;
}

/* HEADLINE MODERN */
.font-poppins-pro {
  font-family: "Poppins", system-ui, sans-serif;
}
.font-poppins-pro-xs {
  font-family: "Poppins", system-ui, sans-serif;
  font-size: 0.5rem;
}

/* ELEGAN */
.font-montserrat-pro {
  font-family: "Montserrat", system-ui, sans-serif;
}

/* KONTEN PANJANG */
.font-opensans-pro {
  font-family: "Open Sans", Arial, sans-serif;
}

/* UI CLASSIC */
.font-roboto-pro {
  font-family: "Roboto", system-ui, sans-serif;
}

/* SIZE UTILITY */
.fs-xs {
  font-size: 0.75rem;
}
.fs-sm {
  font-size: 0.875rem;
}
.fs-md {
  font-size: 1rem;
}
.fs-lg {
  font-size: 1.25rem;
}
.fs-xl {
  font-size: 1.6rem;
}
.fs-xxl {
  font-size: 2.2rem;
}

/* WEIGHT */
.fw-light {
  font-weight: 300;
}
.fw-normal {
  font-weight: 400;
}
.fw-medium {
  font-weight: 500;
}
.fw-semibold {
  font-weight: 600;
}
.fw-bold {
  font-weight: 700;
}