/* ============================================================
   BNC · Typography tokens
   Display / headings: Montserrat
   Body / UI: Inter
   Scale matches the BNC Figma type ramp (Untitled-UI based).
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* ---- Weights ---- */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* ---- Display sizes (Montserrat, headings) ---- */
  --text-display-2xl: 72px;   --line-display-2xl: 90px;
  --text-display-xl:  60px;   --line-display-xl:  72px;
  --text-display-lg:  48px;   --line-display-lg:  60px;
  --text-display-md:  36px;   --line-display-md:  44px;
  --text-display-sm:  30px;   --line-display-sm:  38px;
  --text-display-xs:  24px;   --line-display-xs:  32px;

  /* ---- Text sizes (Inter, body & UI) ---- */
  --text-xl: 20px;   --line-xl: 30px;
  --text-lg: 18px;   --line-lg: 28px;
  --text-md: 16px;   --line-md: 24px;
  --text-sm: 14px;   --line-sm: 20px;
  --text-xs: 12px;   --line-xs: 18px;

  /* ---- Tracking ---- */
  --tracking-display: -0.02em;   /* tighten large display type */
  --tracking-normal: 0;

  /* ---- Paragraph measure ---- */
  --paragraph-max-width: 720px;
}