/* ============================================================
   LiveSOP — Typography tokens
   Families & sizes measured from LiveSOP.fig. Inter is the UI face;
   Lato is used for dense data (table headers, input values) at 13–14px.
   Type scale mirrors the Components ▸ Typography specimen frame.
   ============================================================ */
:root {
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-data: 'Lato', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* weights */
  --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 (name : size / line-height / weight) ----
     From the Typography specimen frame (all Inter unless noted). */
  --type-headline-1: 400 28px/1.0 var(--font-sans);   /* #323339 */
  --type-headline-2: 400 24px/1.15 var(--font-sans);
  --type-headline-3: 400 20px/1.2 var(--font-sans);
  --type-subheadline: 400 20px/1.2 var(--font-sans);  /* #707070 */
  --type-tab: 400 16px/1.2 var(--font-sans);
  --type-cta: 600 14px/1.0 var(--font-sans);          /* #4a90e2 */
  --type-body: 400 14px/1.5 var(--font-sans);         /* #2f2f2f */
  --type-body-small: 400 12px/1.4 var(--font-sans);   /* #707070 */
  --type-label: 700 12px/1.2 var(--font-sans);        /* uppercase labels */
  --type-column: 700 13px/1.2 var(--font-data);       /* Lato — table headers */

  /* raw size ramp */
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;   /* base */
  --fs-16: 16px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-28: 28px;

  --lh-tight: 1.0;   /* @kind other */
  --lh-snug: 1.2;    /* @kind other */
  --lh-normal: 1.5;  /* @kind other */
}