/* APC — Typography tokens
   Display/headings: Archivo (technical grotesque, bold & tight).
   Body/UI: IBM Plex Sans. Arabic companion: IBM Plex Sans Arabic.
   Technical details / measurements / labels: IBM Plex Mono. */
:root {
  --font-display: 'Archivo', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --font-arabic: 'IBM Plex Sans Arabic', 'IBM Plex Sans', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', 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 */

  /* Type scale (px, 1.200-ish modular for UI; display steps up harder) */
  --fs-display-1: 76px;
  --fs-display-2: 58px;
  --fs-h1: 44px;
  --fs-h2: 34px;
  --fs-h3: 26px;
  --fs-h4: 21px;
  --fs-h5: 18px;
  --fs-body-lg: 18px;
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 13px;
  --fs-label: 12px;      /* mono technical labels, uppercase */

  /* Line heights */
  --lh-tight: 1.02; /* @kind font */
  --lh-heading: 1.1; /* @kind font */
  --lh-snug: 1.3; /* @kind font */
  --lh-body: 1.6; /* @kind font */

  /* Letter spacing */
  --ls-display: -0.02em; /* @kind font */
  --ls-heading: -0.01em; /* @kind font */
  --ls-label: 0.14em; /* @kind font */
  --ls-wide: 0.04em; /* @kind font */
}