// Font Pair Finder - Dynamic Google Font Loading

function loadGoogleFont(family, weights = [400, 700]) {
  const weightsStr = weights.join(";");
  const url = `https://fonts.googleapis.com/css2?family=${encodeURIComponent(family)}:wght@${weightsStr}&display=swap`;

  if (document.querySelector(`link[href="${url}"]`)) return;

  const link = document.createElement("link");
  link.rel = "stylesheet";
  link.href = url;
  document.head.appendChild(link);
}

function generatePairingCSS(headingFont, bodyFont, options = {}) {
  const { headingSize = 36, bodySize = 16, headingWeight = 700, bodyWeight = 400, lineHeight = 1.5 } = options;

  return `h1, h2, h3 {
  font-family: '${headingFont}', system-ui, sans-serif;
  font-weight: ${headingWeight};
  font-size: ${headingSize}px;
}

body, p {
  font-family: '${bodyFont}', system-ui, sans-serif;
  font-weight: ${bodyWeight};
  font-size: ${bodySize}px;
  line-height: ${lineHeight};
}`;
}

loadGoogleFont("Montserrat", [400, 700]);
loadGoogleFont("Open Sans", [400, 600]);
console.log(generatePairingCSS("Montserrat", "Open Sans"));