/* ============================================================
   ImgTry — SHARED FONT SYSTEM
   Drop this exact file into every tool project's css/ folder as
   imgtry-fonts.css, and link it FIRST (before any tool-specific
   CSS) in every index.html. Never redeclare font-family or these
   weights anywhere else — every tool should point back to this
   single file so they all stay pixel-identical.
   ============================================================ */

/* Put this <link> block in <head>, in this exact order, on every page:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&display=swap">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/imgtry-fonts.css">

*/

:root {
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Weight scale — only ever use these five values. If a design
     needs a weight not in this list, that's a sign to reuse one
     of these rather than add a new one to the Google Fonts URL. */
  --fw-medium: 500;   /* rarely used body text */
  --fw-semibold: 600; /* body copy, hints, meta text */
  --fw-bold: 700;     /* labels, buttons, card titles */
  --fw-extrabold: 800; /* headings, primary CTAs */
  --fw-black: 900;    /* the one accent word/number in a headline */

  /* Size floor — nothing on any tool page should go below 11.5px.
     Anything smaller is genuinely hard to read, especially for
     users with weaker eyesight on a small phone screen. */
  --fs-floor: 11.5px;
}

body {
  font-family: var(--font-primary);
}