<!-- source-hash: fa3f975937cf35fa35d39407214facab -->
This file configures and exports Google Fonts for use in a Next.js application, specifically setting up Azeret Mono and DM Sans with optimized loading and CSS variable integration.

## Key Components

- **azeretMono** - Azeret Mono monospace font configuration with multiple weights
- **dmSans** - DM Sans sans-serif font configuration for general text usage

## Font Configuration

Both fonts are configured with:
- **Latin subset** for optimal loading
- **Display swap** for improved performance and reduced layout shift
- **CSS variables** for easy theming integration
- **Multiple weights** for typography hierarchy

## Usage Example

```typescript
// In your Next.js layout or page component
import { azeretMono, dmSans } from './fonts'

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
  return (
    <html lang="en" className={`${dmSans.variable} ${azeretMono.variable}`}>
      <body className="font-sans">
        {children}
      </body>
    </html>
  )
}
```

```css
/* In your CSS/Tailwind config */
.font-mono {
  font-family: var(--font-azeret-mono), monospace;
}

.font-sans {
  font-family: var(--font-dm-sans), sans-serif;
}
```

The fonts will be automatically optimized by Next.js with preloading and self-hosting for improved performance.