/* The say-hello site's own tokens, loaded after the studio's (studio/tokens.css).

   Space Grotesk and Space Mono (SIL Open Font License) stand in for Founders Grotesk, whose test fonts cannot ship
   (spec, Typography). The studio type scale is reset so Space's capitals stand as tall as Founders' would: every
   sans and mono size is the studio value x 0.9 (Founders' cap height 0.63 em over Space's 0.70). Fixed values here,
   not worked out on the page; they are the values the approved prototype measured at runtime.

   This file is named tokens.css on purpose: font names and sizes live only in a tokens file (check_tokens.py never
   scans one). When the studio system itself moves to Space (spec, "Rules this page uses or sets"), this layer goes.

   The four faces are hosted on the site (studio-site/vendor/fonts, copied to dist/vendor/fonts; sources and checksums
   in vendor/VERSIONS.md), so the page never waits on another host. They are Google Fonts' latin subsets (41 KB for
   all four; the page's text is all latin, and the tests check every character it sets is in the subset). Space
   Grotesk is one variable file serving 400 and 700 as two rules, as Google Fonts served it; Space Mono is a file per
   weight. font-display: block, as the Google link had it: the page holds its text until its own faces arrive. */

/* Two fixed-weight rules on one variable file, on purpose: what Google Fonts served, so the page sets the same. */
@font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 400; font-display: block; src: url("vendor/fonts/SpaceGrotesk-latin-wght.woff2") format("woff2"); }
@font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 700; font-display: block; src: url("vendor/fonts/SpaceGrotesk-latin-wght.woff2") format("woff2"); }
@font-face { font-family: "Space Mono"; font-style: normal; font-weight: 400; font-display: block; src: url("vendor/fonts/SpaceMono-Regular-latin.woff2") format("woff2"); }
@font-face { font-family: "Space Mono"; font-style: normal; font-weight: 700; font-display: block; src: url("vendor/fonts/SpaceMono-Bold-latin.woff2") format("woff2"); }

:root {
  --font-sans: "Space Grotesk", system-ui, sans-serif;
  --font-text: "Space Grotesk", system-ui, sans-serif;
  --font-mono: "Space Mono", ui-monospace, monospace;

  --size-display: 244.8px;   /* 272 x 0.9 */
  --size-h1:      57.6px;    /* 64 x 0.9 */
  --size-h2:      27px;      /* 30 x 0.9: the signature and Send */
  --size-body:    16.2px;    /* 18 x 0.9: the letter, typed text (never under 16 px, so iPhones don't zoom) */
  --size-small:   13.5px;    /* 15 x 0.9: the work line and the PS */
  --size-label:   11.25px;   /* 12.5 x 0.9: name, letter head, label, placeholder, callouts */
}