/* ============================================================
   Pesara Digital — Typography tokens
   "Mesra Moden" — warm + modern. Sized big for eyes aged 60+.
   Plus Jakarta Sans 800 for display + every ringgit figure.
   Inter for UI + body. In-app body never below 18px.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-figure:  'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;

  /* ---- Weights ---- */
  --weight-regular:  400;
  --weight-medium:   500;   /* default body weight */
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-extrabold: 800;  /* display, wordmark, ringgit amounts */

  /* ---- Type scale (senior-first, generous) ---- */
  --text-display-xl: 44px;  /* hero / splash */
  --text-display:    34px;  /* screen titles · Jakarta 800 */
  --text-h1:         28px;
  --text-h2:         24px;
  --text-h3:         20px;
  --text-body-lg:    22px;
  --text-body:       20px;  /* DEFAULT in-app body */
  --text-body-sm:    18px;  /* floor for in-app text */
  --text-label:      16px;  /* labels under icons (≥14px rule, we use 16) */
  --text-caption:    16px;  /* Mist captions, min 16px */
  --text-overline:   13px;  /* uppercase eyebrows on light, navy/slate only */

  /* ---- Figures (ringgit amounts) ---- */
  --text-figure-sm: 24px;
  --text-figure:    30px;
  --text-figure-lg: 40px;

  /* ---- Line heights ---- */
  --leading-tight:   1.15;  /* display */
  --leading-snug:    1.3;
  --leading-normal:  1.5;
  --leading-relaxed: 1.6;   /* body default */

  /* ---- Letter spacing ---- */
  --tracking-tight:   -0.02em;  /* large display */
  --tracking-normal:  0;
  --tracking-overline: 0.12em;  /* uppercase eyebrows */
}