/* 
 * Space Grotesk font family definition
 * This file replaces the local @fontsource imports with Google Fonts
 */

/* The font is loaded via Google Fonts in standard_headers.hbs */
.font-space-grotesk,
.font-space-grotesk-400,
.font-space-grotesk-500,
.font-space-grotesk-600,
.font-space-grotesk-700 {
  font-family: "Space Grotesk", sans-serif;
}

.font-space-grotesk-400 {
  font-weight: 400;
}

.font-space-grotesk-500 {
  font-weight: 500;
}

.font-space-grotesk-600 {
  font-weight: 600;
}

.font-space-grotesk-700 {
  font-weight: 700;
}

/* Typography definitions based on fontSizes object */

.font-display-xl {
  font-family: "Space Grotesk", sans-serif;
  font-size: 6rem;
  line-height: 7.2rem;
  letter-spacing: -0.12rem;
}

.font-display-lg {
  font-family: "Space Grotesk", sans-serif;
  font-size: 4rem;
  line-height: 4.8rem;
  letter-spacing: -0.08rem;
}

.font-display-md {
  font-family: "Space Grotesk", sans-serif;
  font-size: 3rem;
  line-height: 3.6rem;
  letter-spacing: -0.06rem;
}

.font-display-sm {
  font-family: "Space Grotesk", sans-serif;
  font-size: 2.5rem;
  line-height: 3rem;
  letter-spacing: -0.038rem;
}

.font-heading-xl {
  font-family: "Space Grotesk", sans-serif;
  font-size: 2.25rem;
  line-height: 2.97rem;
  letter-spacing: -0.023rem;
}

.font-heading-lg {
  font-family: "Space Grotesk", sans-serif;
  font-size: 2rem;
  line-height: 2.64rem;
  letter-spacing: -0.02rem;
}

.font-heading-md {
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.5rem;
  line-height: 1.98rem;
  letter-spacing: -0.015rem;
}

.font-heading-sm {
  font-family: "Space Grotesk", sans-serif;
  font-size: 1.25rem;
  line-height: 1.65rem;
  letter-spacing: -0.013rem;
}

.font-body-lg {
  font-family: "Space Grotesk", sans-serif;
  font-size: 1rem;
  line-height: 1.47rem;
  letter-spacing: -0.02rem;
}

.font-body-md {
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.875rem;
  line-height: 1.286rem;
  letter-spacing: -0.009rem;
}

.font-link-lg {
  font-family: "Fira Code", monospace;
  font-size: 1rem;
  line-height: 1.4rem;
  letter-spacing: 0.02rem;
}

.font-link-md {
  font-family: "Fira Code", monospace;
  font-size: 0.875rem;
  line-height: 1.225rem;
  letter-spacing: 0.018rem;
}

.font-link-sm {
  font-family: "Fira Code", monospace;
  font-size: 0.813rem;
  line-height: 1.138rem;
  letter-spacing: 0.016rem;
}

.font-code-lg {
  font-family: "Fira Code", monospace;
  font-size: 1rem;
  line-height: 1.4rem;
  letter-spacing: 0.02rem;
}

.font-code-md {
  font-family: "Fira Code", monospace;
  font-size: 0.875rem;
  line-height: 1.225rem;
  letter-spacing: 0.018rem;
}

.font-code-sm {
  font-family: "Fira Code", monospace;
  font-size: 0.813rem;
  line-height: 1.138rem;
  letter-spacing: 0.016rem;
}

.font-label-lg {
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.813rem;
  line-height: 1.138rem;
  letter-spacing: 0.016rem;
}

.font-label-md {
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.688rem;
  line-height: 0.963rem;
  letter-spacing: 0.014rem;
}

.font-label-sm {
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.625rem;
  line-height: 0.875rem;
  letter-spacing: 0.013rem;
}