/* XMNIS Systems — Type system
   Display + headings: Saira Condensed (dense, industrial)
   Body/UI: Saira Semi Condensed (keeps density, stays legible)
   Data/specs/code: JetBrains Mono */
:root{
  --font-display:"Saira Condensed","Arial Narrow",sans-serif; /* @kind font */
  --font-body:"Saira Semi Condensed","Arial Narrow",sans-serif; /* @kind font */
  --font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",monospace; /* @kind font */

  /* 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 */
  --fw-black:800; /* @kind other */

  /* Type scale (px) */
  --fs-2xs:11px; /* @kind font */
  --fs-xs:12px; /* @kind font */
  --fs-sm:14px; /* @kind font */
  --fs-base:16px; /* @kind font */
  --fs-md:18px; /* @kind font */
  --fs-lg:22px; /* @kind font */
  --fs-xl:28px; /* @kind font */
  --fs-2xl:36px; /* @kind font */
  --fs-3xl:48px; /* @kind font */
  --fs-4xl:64px; /* @kind font */
  --fs-5xl:88px; /* @kind font */
  --fs-6xl:120px; /* @kind font */

  /* Line heights */
  --lh-tight:1.02; /* @kind other */
  --lh-snug:1.12; /* @kind other */
  --lh-heading:1.18; /* @kind other */
  --lh-body:1.5; /* @kind other */
  --lh-relaxed:1.65; /* @kind other */

  /* Tracking */
  --ls-tight:-0.02em; /* @kind other */
  --ls-normal:0; /* @kind other */
  --ls-wide:0.04em; /* @kind other */
  --ls-wider:0.12em; /* @kind other */
  --ls-label:0.14em; /* @kind other */ /* canonical: ALL uppercase mono labels track at exactly this value */

  /* Semantic role shorthands */
  --text-display:var(--fw-bold) var(--fs-5xl)/var(--lh-tight) var(--font-display); /* @kind other */
  --text-h1:var(--fw-bold) var(--fs-3xl)/var(--lh-heading) var(--font-display); /* @kind other */
  --text-h2:var(--fw-semibold) var(--fs-2xl)/var(--lh-heading) var(--font-display); /* @kind other */
  --text-h3:var(--fw-semibold) var(--fs-xl)/var(--lh-snug) var(--font-display); /* @kind other */
  --text-body:var(--fw-regular) var(--fs-base)/var(--lh-body) var(--font-body); /* @kind other */
  --text-body-sm:var(--fw-regular) var(--fs-sm)/var(--lh-body) var(--font-body); /* @kind other */
  --text-label:var(--fw-medium) var(--fs-xs)/1 var(--font-mono); /* @kind other */
}
