/* BINAL type system — Outfit (geometric grotesk) for everything visible,
   Space Mono for labels / technical annotations. Two families, no more. */
:root {
  /* ---- Families ---- */
  --font-sans: "Outfit", system-ui, -apple-system, sans-serif;
  --font-mono: "Space Mono", ui-monospace, SFMono-Regular, monospace;
  --font-wordmark: "Outfit", sans-serif; /* logo set in SemiBold 600 */

  /* ---- Weights ---- */
  --weight-light: 300;     /* large headings, airy display */
  --weight-regular: 400;   /* body */
  --weight-medium: 500;    /* emphasis, small UI labels */
  --weight-semibold: 600;  /* wordmark, strong headings */

  /* ---- Type scale ---- */
  --text-xs:   12px;
  --text-sm:   14px;
  --text-base: 16px;
  --text-md:   17px;
  --text-lg:   20px;
  --text-xl:   26px;
  --text-2xl:  32px;
  --text-3xl:  40px;
  --text-4xl:  56px;
  --text-display: 92px;

  /* ---- Line heights ---- */
  --leading-tight: 1.1;
  --leading-snug: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.6;

  /* ---- Letter spacing ---- */
  --tracking-wordmark: 0.06em;  /* BINAL set in caps */
  --tracking-tight: -0.01em;    /* large Outfit headings */
  --tracking-label: 0.18em;     /* mono eyebrows / labels, uppercase */
  --tracking-mono: 0.04em;
}
