/* ============================================================================
   ClearMint Essentials — INTER TYPOGRAPHY LAYER  (typography only, reversible)

   This file is the SINGLE control point for the "everything is Inter" look. It
   only remaps the DISPLAY/serif typography tokens onto the app's Inter stack —
   it changes no sizes, colours, weights, layout, logic or components.

   Body text was already Inter (--font). Headings / page titles used the serif
   display tokens (--font-display / --font-serif = Newsreader/Fraunces). Pointing
   those tokens at --font makes the whole app UI Inter, Fintera-style, while the
   mint/emerald identity, logos, icons and the JetBrains-Mono tabular figures
   stay exactly as they were.

   ── HOW TO REVERT (no code revert needed) ────────────────────────────────────
   Remove the  <link rel="stylesheet" href="css/typography-inter.css">  line from
   app.html. The display tokens then fall back to their original serif definitions
   in css/lite.css and every heading returns to Newsreader. Nothing else changes.
   (Full git rollback: `git checkout pre-inter-typography`.)
   ============================================================================ */

:root {
  /* Explicit app-font alias (documentation + optional future use). */
  --font-app: var(--font);
  /* The switch: display + serif typography now resolve to the Inter stack.
     Comment out these two lines (or delete this file's <link>) to restore serif. */
  --font-display: var(--font);
  --font-serif: var(--font);
}

/* Financial figures: keep columns of currency vertically aligned. Reinforces the
   tabular-nums the mono/.kpi/td.num rules already set, for any stray .fig cells. */
.fig,
.num,
.amt,
td.num {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}