/* ===========================================================================
   Paycifi — Typography tokens
   =========================================================================== */

:root {
  /* Families */
  --font-display: 'Poppins', 'Segoe UI', system-ui, sans-serif;
  --font-body:    'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-mono:    'IBM Plex Mono', 'SFMono-Regular', ui-monospace, monospace;

  /* Weights */
  --weight-light:    300;  /* default for large display headings */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* Type scale (1.250 major-third-ish, tuned) */
  --text-display:  3.5rem;   /* 56px — hero */
  --text-h1:       2.5rem;   /* 40px */
  --text-h2:       2rem;     /* 32px */
  --text-h3:       1.5rem;   /* 24px */
  --text-h4:       1.25rem;  /* 20px */
  --text-lg:       1.125rem; /* 18px */
  --text-base:     1rem;     /* 16px */
  --text-sm:       0.875rem; /* 14px */
  --text-xs:       0.75rem;  /* 12px */

  /* Line heights */
  --leading-tight:   1.1;
  --leading-snug:    1.25;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing — display headings sit at NORMAL tracking (geometric, airy) */
  --tracking-tight:  -0.01em;
  --tracking-snug:   -0.005em;
  --tracking-normal: 0;
  --tracking-wide:   0.02em;
  --tracking-caps:   0.06em;  /* eyebrows / overlines */

  /* Numeric: amounts should always use tabular figures */
  --numeric-tabular: 'tnum' 1, 'lnum' 1; /* @kind other */
}