/* VisaTier — Typography tokens
   Montserrat drives nearly the entire interface (headings + UI + body).
   Inter is reserved for fine print, captions and dense data.
   The brand also uses ultra-light, very large Montserrat for hero numerals. */

:root {
  --font-display: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body:    'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-fine:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Weights (the brand's default UI weight is medium/500) */
  --fw-light: 300;     /* @kind other */
  --fw-regular: 400;   /* @kind other */
  --fw-medium: 500;    /* @kind other */
  --fw-semibold: 600;  /* @kind other */
  --fw-bold: 700;      /* @kind other */

  /* Type scale (px) — drawn from observed Figma sizes */
  --fs-hero: 60px;      /* hero headlines */
  --fs-h1: 50px;
  --fs-h2: 40px;
  --fs-h3: 32px;
  --fs-h4: 28px;
  --fs-h5: 24px;
  --fs-title: 20px;
  --fs-body: 16px;      /* default body / UI */
  --fs-sm: 14px;
  --fs-xs: 12px;
  --fs-display-numeral: 180px;  /* ultra-light decorative numerals */

  /* Line heights */
  --lh-tight: 1.1;     /* @kind other */
  --lh-snug: 1.2;      /* @kind other */
  --lh-normal: 1.4;    /* @kind other */
  --lh-relaxed: 1.6;   /* @kind other */

  /* Letter spacing */
  --ls-tight: -0.02em; /* @kind other */
  --ls-normal: 0;      /* @kind other */
  --ls-wide: 0.04em;   /* @kind other */
  --ls-caps: 0.08em;   /* @kind other */
}