/* HP-Inspired type tokens. Forma DJR Micro is proprietary — Manrope is the
   documented closest substitute (no metric adjustment needed). */
:root {
  --font-sans: "Manrope", "Forma DJR Micro", Arial, sans-serif;

  /* Display — always weight 500, line-height 1.0 */
  --type-display-xxl: 500 72px/1.0 var(--font-sans);
  --type-display-xl: 500 56px/1.0 var(--font-sans);
  --type-display-lg: 500 44px/1.0 var(--font-sans);
  --type-display-md: 500 32px/1.0 var(--font-sans);
  --type-display-sm: 500 24px/1.17 var(--font-sans);
  --type-display-xs: 500 20px/1.0 var(--font-sans);

  /* Body */
  --type-body-lg: 400 18px/1.33 var(--font-sans);
  --type-body-md: 400 16px/1.38 var(--font-sans);
  --type-body-emphasis: 500 16px/1.38 var(--font-sans);

  /* Captions */
  --type-caption-md: 400 14px/1.5 var(--font-sans);
  --type-caption-sm: 400 12px/1.33 var(--font-sans);
  --type-caption-bold: 700 14px/1.3 var(--font-sans);

  /* Links, buttons, price */
  --type-link-md: 500 16px/1.38 var(--font-sans);
  --type-button-md: 600 14px/1.4 var(--font-sans);   /* + uppercase, 0.7px tracking */
  --type-button-sm: 700 12.6px/1.0 var(--font-sans); /* + 0.126px tracking */
  --type-price-md: 500 24px/1.17 var(--font-sans);

  --tracking-button-md: 0.7px;
  --tracking-button-sm: 0.126px;
}