/* ============================================================================
   _shared/fonts.css: Geist for text, Geist Mono for every number, wallet and
   hash. The faces are the app's own self-hosted files (SIL Open Font
   License 1.1, /fonts/geist/OFL.txt), loaded by relative URL: no font CDN.
   ========================================================================== */

@font-face {
  font-family: "Geist";
  src: url("../../fonts/geist/Geist-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist Mono";
  src: url("../../fonts/geist/GeistMono-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* -- stacks ----------------------------------------------------------------- */
:root {
  --font-sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
  /* the app's plain-CSS names, so rules shared with the app read the same */
  --font-sans-stack: var(--font-sans);
  --font-mono-stack: var(--font-mono);
}

html { font-family: var(--font-sans); }
body {
  font-family: var(--font-sans);
  font-size: var(--fs-14, 14px);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Every number, wallet and hash: Geist Mono, tabular. */
.num, .mono, code, kbd, samp {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* Numbers set in the sans face still line up. */
.tnum { font-variant-numeric: tabular-nums; }