/* Import the fonts first if not already done */
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&family=Hanken+Grotesk:wght@400;700&display=swap');

/* Define the CSS variables */
:root {
  --bs-font-primary: "Play", sans-serif;
  --bs-font-secondary: "Hanken Grotesk", sans-serif;
  --bs-body-font-family: var(--bs-font-primary, var(--bs-font-secondary));
}

/* Apply the primary font-family for body text */
body {
  margin: 0;
  font-family: var(--bs-body-font-family, "Hanken Grotesk", sans-serif);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Apply the secondary font-family for code blocks or other specific elements */
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}
