RobinHODL typography
====================

The website uses three families, all from Google Fonts (SIL Open Font License 1.1, free to use and embed).
The weights listed are the ones the site renders text in.

Display: Lilita One
  Weights:   400 Regular
  Use:       Headlines, section and card titles, big numbers (one weight).
  CSS:       font-family: "Lilita One", ui-rounded, system-ui, sans-serif;   (site token --font-display)
  Google:    https://fonts.google.com/specimen/Lilita+One
  Embed:     https://fonts.googleapis.com/css2?family=Lilita+One&display=swap
  Designer:  Juan Montoreano

Body: Inter
  Weights:   400 Regular, 500 Medium, 600 SemiBold, 700 Bold
  Use:       Body copy (400), links and labels (500, 600), buttons (700).
  CSS:       font-family: "Inter", ui-sans-serif, system-ui, sans-serif;   (site token --font-sans)
  Google:    https://fonts.google.com/specimen/Inter
  Embed:     https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap
  Designer:  Rasmus Andersson

Mono: JetBrains Mono
  Weights:   400 Regular, 500 Medium, 700 Bold
  Use:       Eyebrows and UI labels in capitals (500, 700), chips, addresses, tickers.
  CSS:       font-family: "JetBrains Mono", ui-monospace, monospace;   (site token --font-mono)
  Google:    https://fonts.google.com/specimen/JetBrains+Mono
  Embed:     https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap
  Designer:  JetBrains

All three in one stylesheet:
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lilita+One&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap">

Sizes on the site (app/globals.css):
  Hero headline   Lilita One   clamp(2.5rem, 1.2rem + 5.6vw, 6rem), line height 0.9375   (40 px on phones to 96 px)
  Section title   Lilita One   clamp(2.5rem, 1.6rem + 3.6vw, 4.5rem), line height 1.14   (40 to 72 px)
  Page title      Lilita One   clamp(2rem, 4vw, 2.75rem), line height 1.14   (32 to 44 px)
  Eyebrow         JetBrains Mono 500, capitals, 0.8125rem (13 px), letter spacing 0.14em
  UI label        JetBrains Mono 500, capitals, 0.75rem (12 px), letter spacing 0.08em
  Buttons         Inter 700, 14 to 16 px, on pill-shaped buttons
