/* Type system — Archivo (display, geometric/architectural — echoes the angular
   mark) + Inter (body/UI, workhorse legibility). Both loaded via Google Fonts
   in styles.css. */

:root {
  --font-display: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Display scale — always tight line-height, uppercase, slight tracking */
  --text-display-xl: 76px;
  --text-display-lg: 52px;
  --text-display-md: 34px;
  --text-display-sm: 24px;

  --lh-display-tight: 0.98; /* @kind other */
  --lh-display: 1.05; /* @kind other */

  --tracking-display: 0.005em;
  --tracking-label: 0.16em;

  /* Body scale */
  --text-body-lg: 19px;
  --text-body-md: 16px;
  --text-body-sm: 14px;
  --text-body-xs: 12px;
  --text-label: 11px;

  --lh-body: 1.6; /* @kind other */

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 900;
}