/* Typography — Claude Design System
   Editorial split: serif display (Newsreader→Copernicus) + humanist sans body (Inter→StyreneB).
   Display weights stay 400, never bold. Negative tracking on display is non-negotiable. */
:root {
  /* Families */
  --font-display: "Newsreader", "Tiempos Headline", Garamond, "Times New Roman", serif;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Display — serif, weight 400, negative tracking */
  --type-display-xl: 400 64px/1.05 var(--font-display);
  --type-display-lg: 400 48px/1.1 var(--font-display);
  --type-display-md: 400 36px/1.15 var(--font-display);
  --type-display-sm: 400 28px/1.2 var(--font-display);
  --tracking-display-xl: -1.5px;
  --tracking-display-lg: -1px;
  --tracking-display-md: -0.5px;
  --tracking-display-sm: -0.3px;

  /* Titles — sans, weight 500 */
  --type-title-lg: 500 22px/1.3 var(--font-sans);
  --type-title-md: 500 18px/1.4 var(--font-sans);
  --type-title-sm: 500 16px/1.4 var(--font-sans);

  /* Body — sans, weight 400 */
  --type-body-md: 400 16px/1.55 var(--font-sans);
  --type-body-sm: 400 14px/1.55 var(--font-sans);

  /* Detail */
  --type-caption: 500 13px/1.4 var(--font-sans);
  --type-caption-uppercase: 500 12px/1.4 var(--font-sans);
  --tracking-caption-uppercase: 1.5px;
  --type-code: 400 14px/1.6 var(--font-mono);
  --type-button: 500 14px/1 var(--font-sans);
  --type-nav-link: 500 14px/1.4 var(--font-sans);
}