/* Typography.
   Two voices the user never has to think about:
   · Agent  — serif, generous line-height, short measure. It reads like a person.
   · System — sans, smaller, quieter. Labels, metadata, buttons. Never the voice.
   Sizes are rem-based so Dynamic Type / 200% zoom scales the whole thing. */

:root {
  --text-agent-lg: 1.375rem;   /* 22px — notification, "Jetzt" headline */
  --text-agent-md: 1.1875rem;  /* 19px — chat message */
  --text-agent-sm: 1.0625rem;  /* 17px — dense chat / draft body */

  --text-system-lg: 1.0625rem; /* 17px — buttons, list rows */
  --text-system-md: 0.9375rem; /* 15px — metadata */
  --text-system-sm: 0.8125rem; /* 13px — labels, caps */

  --lh-agent: 1.55; /* @kind other */
  --lh-agent-loose: 1.65; /* @kind other */
  --lh-system: 1.35; /* @kind other */

  --tracking-tight: -0.01em; /* @kind other */
  --tracking-normal: 0; /* @kind other */
  --tracking-caps: 0.07em; /* @kind other */

  --weight-regular: 400; /* @kind other */
  --weight-medium: 500; /* @kind other */
  --weight-semibold: 600; /* @kind other */

  --measure-agent: 30ch; /* @kind other */       /* short lines, always */
  --measure-body: 42ch; /* @kind other */

  /* semantic aliases */
  --type-agent: var(--weight-regular) var(--text-agent-md) / var(--lh-agent) var(--font-agent);
  --type-agent-lead: var(--weight-regular) var(--text-agent-lg) / var(--lh-agent-loose) var(--font-agent);
  --type-row: var(--weight-regular) var(--text-system-lg) / var(--lh-system) var(--font-system);
  --type-meta: var(--weight-regular) var(--text-system-md) / var(--lh-system) var(--font-system);
  --type-label: var(--weight-medium) var(--text-system-sm) / var(--lh-system) var(--font-system);
  --type-button: var(--weight-medium) var(--text-system-lg) / 1.2 var(--font-system);
}