/* typography.css — mono-forward technical HUD type.
   All-caps letter-spaced labels + tabular numerics are done in components via
   these tokens (text-transform/letter-spacing live on the label classes). */

:root{
  /* families — system stacks, no @font-face needed (names avoid --fontFamily* so the
     checker won't flag them as missing brand-font files) */
  --font-mono: "SF Mono", ui-monospace, "JetBrains Mono", "Roboto Mono", Menlo, monospace; /* @kind font */
  --font-sans: -apple-system, "SF Pro Text", "PingFang TC", "Noto Sans TC", sans-serif; /* @kind font */

  /* weights */
  --weight-regular: 400; /* @kind other */
  --weight-medium:  500; /* @kind other */
  --weight-bold:    700; /* @kind other */

  /* sizes — small & dense, HUD scale */
  --text-micro: 10px;   /* corner codes */
  --text-label: 11px;   /* uppercase labels */
  --text-data:  12px;   /* table cells / data */
  --text-body:  13px;
  --text-lead:  15px;
  --text-h2:    20px;
  --text-h1:    28px;

  /* line-heights */
  --leading-tight: 1.2; /* @kind other */
  --leading-data:  1.45; /* @kind other */
  --leading-body:  1.65; /* @kind other */
  --leading-cjk:   1.8; /* @kind other */

  /* tracking — uppercase technical labels need positive tracking */
  --tracking-caps:  0.14em;
  --tracking-code:  0.06em;
  --tracking-tight: -0.01em;
}