/* ============================================================
   Font loading for vanilla HTML / non-Next.js apps.
   Loads the 4 Editorial Atmosphere typefaces from Google Fonts and
   wires the same CSS vars Next.js next/font would expose.

   For Next.js apps, use next/font in layout.tsx instead and skip this file.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Instrument+Serif:ital@1&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --font-space-grotesk:    'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --font-instrument-serif: 'Instrument Serif', Georgia, "Times New Roman", serif;
  --font-inter:            'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-jetbrains-mono:   'JetBrains Mono', ui-monospace, "SF Mono", Menlo, monospace;
}