/* Import Space Grotesk font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

/* Set Space Grotesk as the sans font family using CSS variable */
:root, :host {
    --default-font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Apply the font using CSS variable */
html,
body {
    font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Fine-tune letter spacing for better readability */
body {
    letter-spacing: -0.01em;
}

/* Adjust font weight for headings */
h1, h2, h3, h4, h5, h6,
.text-xl, .text-2xl, .text-3xl {
    font-weight: 600;
}