/* Otochi — Typography tokens
   Inter (product UI sans, optimized for screens + data). "Las cifras mandan." */
:root {
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-family: var(--font-sans);

  /* Numeric alignment for money/data listings */
  --font-numeric: "Inter", -apple-system, "Segoe UI", sans-serif;
  --fvs-tabular: "tnum" 1, "cv01" 1; /* @kind font */

  /* Type scale (UI roles) */
  --fs-screen-title: 30px;   /* 28–34 · 700 · "Dashboard General" */
  --fs-section-title: 19px;  /* 18–20 · 600 · "Últimos Pagos Recibidos" */
  --fs-kpi: 34px;            /* 28–40 · 700 · "$452,000" */
  --fs-kpi-lg: 40px;
  --fs-body: 15px;           /* 14–15 · 400–500 */
  --fs-body-sm: 14px;
  --fs-meta: 13px;           /* 12–13 · 400 */
  --fs-meta-sm: 12px;
  --fs-badge: 12px;          /* 11–12 · 600 */

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

  /* Line heights */
  --lh-tight: 1.15; /* @kind font */
  --lh-snug: 1.3; /* @kind font */
  --lh-normal: 1.5; /* @kind font */

  /* Letter spacing */
  --ls-tight: -0.01em;
  --ls-kpi: -0.02em;
  --ls-label: 0.02em;   /* small uppercase labels */
}