/*
 * Web fonts loader (same-origin).
 *
 * IMPORTANT: Do NOT put the Google Fonts <link> directly in the HTML <head>.
 * Cloudflare's "Cloudflare Fonts" optimization rewrites any
 * <link href="https://fonts.googleapis.com/..."> it finds in the HTML head
 * (it strips the <link>/<preconnect> tags and injects an inline @font-face
 * <style> pointing to /cf-fonts/...). Because Next.js (App Router) hydrates
 * the <head>, that edge-side rewrite makes the client DOM differ from the
 * server-rendered DOM -> React hydration mismatch (#418) -> intermittent
 * "Application error: a client-side exception has occurred" crash.
 *
 * Loading Google Fonts via @import inside a first-party stylesheet keeps the
 * HTML <head> exactly as React rendered it (Cloudflare Fonts only rewrites
 * <link> tags in HTML, not @import inside a proxied CSS file), so hydration
 * stays consistent. Family names ("Inter", "Plus Jakarta Sans") are preserved.
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');
