/* Flywheel webfonts.
   NOTE: The live Flywheel app uses custom/licensed faces we do not have the binaries for.
   These Google Fonts are the closest free substitutes:
     - Newsreader      -> serif display/headings (literary, moderate contrast)
     - Hanken Grotesk  -> UI / body sans (neutral grotesque)
     - JetBrains Mono  -> eyebrow labels, counters, technical mono
   Swap the @import for real @font-face rules once the brand fonts are supplied. */

@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  --font-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-sans: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}