/* ============================================================
   TYPOGRAPHY — Nexgen Solutions Chitral
   Single family (Inter). Confident display sizes, restrained body.
   ============================================================ */
:root {
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Weights */
  --weight-regular: 400; /* @kind other */
  --weight-medium: 500; /* @kind other */
  --weight-semibold: 600; /* @kind other */
  --weight-bold: 700; /* @kind other */
  --weight-heavy: 800; /* @kind other */

  /* --- Type scale ---
     Each size (px) pairs with an -lh (line-height) and -w (weight) companion.
     The companions are unitless, so they carry an explicit @kind other. */
  --display-xl: 76px;
  --display-xl-lh: 1.0; /* @kind other */
  --display-xl-w: 800; /* @kind other */
  --display-lg: 56px;
  --display-lg-lh: 1.05; /* @kind other */
  --display-lg-w: 800; /* @kind other */
  --display-md: 42px;
  --display-md-lh: 1.1; /* @kind other */
  --display-md-w: 700; /* @kind other */
  --display-sm: 32px;
  --display-sm-lh: 1.15; /* @kind other */
  --display-sm-w: 700; /* @kind other */

  --title-lg: 24px;
  --title-lg-lh: 1.3; /* @kind other */
  --title-lg-w: 700; /* @kind other */
  --title-md: 20px;
  --title-md-lh: 1.35; /* @kind other */
  --title-md-w: 600; /* @kind other */
  --title-sm: 18px;
  --title-sm-lh: 1.4; /* @kind other */
  --title-sm-w: 600; /* @kind other */

  --body-lg: 18px;
  --body-lg-lh: 1.6; /* @kind other */
  --body-lg-w: 400; /* @kind other */
  --body-md: 16px;
  --body-md-lh: 1.55; /* @kind other */
  --body-md-w: 400; /* @kind other */
  --body-sm: 14px;
  --body-sm-lh: 1.5; /* @kind other */
  --body-sm-w: 400; /* @kind other */

  --label: 13px;
  --label-lh: 1.3; /* @kind other */
  --label-w: 600; /* @kind other */
  --button: 14px;
  --button-lh: 1; /* @kind other */
  --button-w: 600; /* @kind other */
  --caption: 12px;
  --caption-lh: 1.4; /* @kind other */
  --caption-w: 400; /* @kind other */

  /* Tracking (em) @kind other */
  --tracking-tight: -0.02em; /* @kind other */ /* large display */
  --tracking-normal: 0; /* @kind other */
  --tracking-wide: 0.08em; /* @kind other */ /* eyebrows, labels, buttons (uppercase) */
  --tracking-wider: 0.14em; /* @kind other */ /* small all-caps markers */
}