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

/* Tailwind CSS Directives */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Root Font Variables */
:root {
  --font-sans: 'Inter', sans-serif;
  --font-display: 'Space Grotesk', sans-serif;
}

/* Base Styles */
body {
  font-family: var(--font-sans);
}

/* Custom Font Utilities */
.font-sans {
  font-family: var(--font-sans);
}

.font-display {
  font-family: var(--font-display);
}