/**
 * Font Configuration
 *
 * Xpeditis uses two Google Fonts:
 * - Manrope: For headings and titles
 * - Montserrat: For body text and UI elements
 */

import { Manrope, Montserrat } from 'next/font/google';

/**
 * Manrope - Used for headings, navigation, and emphasis
 */
export const manrope = Manrope({
  subsets: ['latin'],
  weight: ['200', '300', '400', '500', '600', '700', '800'],
  variable: '--font-manrope',
  display: 'swap',
  preload: true,
});

/**
 * Montserrat - Used for body text, descriptions, and UI elements
 */
export const montserrat = Montserrat({
  subsets: ['latin'],
  weight: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],
  variable: '--font-montserrat',
  display: 'swap',
  preload: true,
});

/**
 * Combined font class names for use in HTML/body elements
 */
export const fontClassNames = `${manrope.variable} ${montserrat.variable}`;