/* ═══════════════════════════════════════════════════════════════════════════════
   Typeface — one sans across the marketing site, the console, and the Framer template.

   The template sets every text style in Inter (400/500/600/700) with JetBrains Mono for
   code. The site and dashboard asked for `-apple-system, BlinkMacSystemFont, "Segoe UI",
   Inter, …` — which names Inter but never reaches it, because a system font always
   resolves first. So the two halves of the product rendered in San Francisco on a Mac,
   Segoe on Windows and Roboto on Android, and none of them matched the template.

   Leading with Inter fixes that in one line per token. The system stack stays behind it
   as the fallback it was always meant to be, so a failed webfont degrades to exactly
   what shipped before rather than to Times.

   THE SERIF IS LEFT ALONE. index/privacy/terms set --serif deliberately for long-form
   reading and it is not part of the template's scale; changing it was explicitly out of
   scope.

   Loaded last on purpose: these tokens are declared inside each page's own <style>
   block, so this file has to come after them to win without an !important.
   ═══════════════════════════════════════════════════════════════════════════════ */

:root{
  /* Console pages call it --font, marketing pages call it --sans. Both are set so this
     one file covers every page without needing to know which convention it uses. */
  --font:"Inter","Inter Placeholder",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --sans:"Inter","Inter Placeholder",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  /* The template pairs Inter with JetBrains Mono. The console already listed it, third,
     behind two system monos that always won. */
  --mono:"JetBrains Mono","SF Mono",ui-monospace,"Roboto Mono",Menlo,monospace;
}

/* Inter's optical sizing and default figures. The template renders with Framer's
   defaults, which enable both; without these the same weight at the same size sits
   visibly differently. */
body{
  font-family:var(--font);
  font-optical-sizing:auto;
  font-synthesis-weight:none;   /* never fake a weight Inter actually ships */
}

/* Some pages set a font-family on body inside their own block AFTER this file's :root,
   so the token alone is not always enough — the declaration above handles those. Code
   surfaces are named explicitly for the same reason. */
code, kbd, samp, pre{ font-family:var(--mono); }