/* EverPay typography — Plus Jakarta Sans across everything.
   Weight progression: 400 body → 500 labels → 600 secondary bold → 700 headings → 800 hero.
   Tracking: tight on large headings, neutral on body, open on micro caps. */
:root {
  --font-sans: 'Plus Jakarta Sans', 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Weights */
  --fw-light: 300; /* @kind font */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */
  --fw-extrabold: 800; /* @kind font */

  /* Type scale (semantic roles) */
  --fs-hero: 42px;      /* app name / onboarding hero — 800 */
  --fs-display: 28px;   /* large numbers, balances — 800 */
  --fs-title: 22px;     /* screen titles — 700 */
  --fs-heading: 17px;   /* section / card headings — 700 */
  --fs-body: 14px;      /* body copy — 400 */
  --fs-label: 13px;     /* labels, meta — 500 */
  --fs-micro: 11px;     /* all-caps tags — 600/700 */

  /* Tracking */
  --tracking-tight: -0.03em;   /* headings 20px+ */
  --tracking-snug: -0.02em;
  --tracking-normal: 0;        /* body */
  --tracking-caps: 0.08em;     /* micro caps */

  /* Line height */
  --leading-tight: 1.25;       /* headings */
  --leading-ui: 1.5;           /* UI labels */
  --leading-body: 1.65;        /* body copy */
}