/* ============================================================
   Aurora — Typography tokens
   ------------------------------------------------------------
   Two optical sizes mirror the Aurora Sans family:
   • "display" → Aurora Sans Large  (headlines, balances)
   • "text"    → Aurora Sans Small  (UI labels, body, captions)
   Substitute family: Hanken Grotesk (see tokens/fonts.css).
   Type scale taken from the mobile product (12 → 26px).
   ============================================================ */

:root {
  /* ---- Families ------------------------------------------- */
  --font-display: "Aurora Sans Large", "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-text:    "Aurora Sans Small", "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* ---- Weights -------------------------------------------- */
  --weight-regular: 400;
  --weight-medium:  500;   /* default UI weight in Aurora */
  --weight-semibold: 600;
  --weight-bold:    700;

  /* ---- Font sizes (px) ------------------------------------ */
  --text-2xs: 12px;   /* meta / fine print */
  --text-xs:  14px;   /* secondary labels, captions */
  --text-sm:  16px;   /* body, primary UI labels */
  --text-md:  18px;   /* card titles */
  --text-lg:  22px;   /* section headlines (display) */
  --text-xl:  26px;   /* balances / big numbers (display) */
  --text-2xl: 34px;   /* hero figures */

  /* ---- Line heights --------------------------------------- */
  --leading-2xs: 16px;
  --leading-xs:  20px;
  --leading-sm:  24px;
  --leading-md:  26px;
  --leading-lg:  30px;
  --leading-xl:  32px;
  --leading-2xl: 40px;

  /* ---- Letter spacing ------------------------------------- */
  --tracking-tight: -0.01em;  /* large display numerals */
  --tracking-normal: 0;
}