/* Industrious CRM — Typography tokens
   Display/headings: Montserrat, tight tracking, semibold–bold.
   Body: Lato, generous line-height. Code: SF Mono / Menlo. */

:root {
  /* ---- Families ---- */
  --font-display: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --font-body:    'Lato', 'Helvetica Neue', Arial, sans-serif;
  --font-mono:    'SF Mono', 'SFMono-Regular', Menlo, Consolas, 'Liberation Mono', monospace;

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

  /* ---- Tracking ---- */
  --track-display: -0.01em;  /* tight display tracking */
  --track-tight:   -0.02em;  /* oversized cover / hero */
  --track-body:    0;        /* @kind font */
  --track-eyebrow: 0.14em;   /* uppercase eyebrows / section marks */

  /* ---- Line heights ---- */
  --lh-tight:   1.08;  /* @kind font */
  --lh-heading: 1.2;   /* @kind font */
  --lh-body:    1.6;   /* @kind font */
  --lh-snug:    1.45;  /* @kind font */

  /* ---- Type scale (editorial, print-leaning) ---- */
  --fs-cover:    72px;
  --fs-h1:       46px;
  --fs-h2:       32px;
  --fs-h3:       23px;
  --fs-h4:       18px;
  --fs-lead:     20px;  /* section deck / lead paragraph */
  --fs-body:     16.5px;
  --fs-small:    14px;
  --fs-caption:  12.5px;
  --fs-eyebrow:  12px;
  --fs-code:     14px;

  /* ---- Semantic aliases ---- */
  --text-display-family: var(--font-display);
  --text-body-family:    var(--font-body);
  --text-code-family:    var(--font-mono);
}