/* =============================================================
   Penumbra — Typography tokens
   Instrument Serif for display, Inter for UI, JetBrains Mono for code.
   Display is large + lightly tracked; UI stays tight for density.
   ============================================================= */

:root {
  /* Families */
  --font-display: "Instrument Serif", "Cormorant Garamond", Georgia, serif;
  --font-ui: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, monospace;

  /* Sizes */
  --text-display-xl: 72px;
  --text-display-lg: 56px;
  --text-headline-lg: 40px;
  --text-headline-md: 28px;
  --text-title-md: 18px;
  --text-body-md: 15px;
  --text-body-sm: 13px;
  --text-label-sm: 12px;
  --text-eyebrow: 11px;
  --text-mono-sm: 12px;

  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Line heights */
  --leading-display: 1.02;
  --leading-headline: 1.1;
  --leading-body: 1.55;
  --leading-tight: 1.3;

  /* Tracking */
  --tracking-display: -0.02em;
  --tracking-headline: -0.01em;
  --tracking-eyebrow: 0.16em;
}