/* ============================================================
   Genie — Typography tokens  (calibrated to Appcharge)
   ONE voice: MANROPE — a clean modern geometric sans. Headlines run
   SEMIBOLD (600) with VERY TIGHT negative tracking (~-0.045em) and
   snug leading; body is 400/500. (Manrope is the Google-Fonts stand-in
   for Appcharge's proprietary "Gellix" — flagged for the team to swap.)
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Manrope', ui-sans-serif, system-ui, sans-serif;
  --font-sans:    'Manrope', ui-sans-serif, system-ui, sans-serif;
  --font-nav:     'Manrope', ui-sans-serif, system-ui, sans-serif;
  --font-mono:    ui-monospace, 'SFMono-Regular', 'Menlo', monospace;

  /* ---- Weights ---- */
  --fw-regular:  400; /* @kind other */
  --fw-medium:   500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold:     700; /* @kind other */
  --fw-black:    800; /* @kind other */

  /* ---- Display scale (Manrope, semibold) ---- */
  --display-hero:    70px;  /* h1 hero            */
  --display-xl:      40px;  /* section titles     */
  --display-lg:      32px;  /* sub-headers        */
  --display-md:      28px;  /* card titles        */
  --display-sm:      22px;

  --display-tracking: -1.4px; /* very tight, the signature */
  --display-leading:  1.06;
  --display-weight:   600;

  /* ---- Body scale (Manrope) ---- */
  --text-2xl: 24px;
  --text-xl:  20px;
  --text-lg:  18px;
  --text-base:16px;
  --text-sm:  14px;
  --text-xs:  13px;

  --body-tracking: -0.2px;
  --body-leading:  1.5;

  /* ---- Eyebrow (all-caps label) ---- */
  --eyebrow-size:     13px;
  --eyebrow-tracking: 1.2px;
  --eyebrow-weight:   600;

  /* ---- Numerals (big stats) ---- */
  --stat-size:     72px;
  --stat-tracking: -2px;
  --stat-weight:   600;
}