/* Dilook type scale — single family, hierarchy through weight + scale.
   Display 700, body 400/500. Tight tracking on display, normal on body. */
:root {
  --font-sans: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);

  /* weights */
  --w-regular: 400; /* @kind font */
  --w-medium: 500; /* @kind font */
  --w-semibold: 600; /* @kind font */
  --w-bold: 700; /* @kind font */
  --w-black: 800; /* @kind font */

  /* display scale (headlines / hero) — tracking -0.01em */
  --fs-display: 76px;   --lh-display: 1.02; /* @kind font */
  --fs-h1: 56px;        --lh-h1: 1.05; /* @kind font */
  --fs-h2: 40px;        --lh-h2: 1.1; /* @kind font */
  --fs-h3: 28px;        --lh-h3: 1.15; /* @kind font */
  --fs-h4: 22px;        --lh-h4: 1.2; /* @kind font */

  /* body scale */
  --fs-lead: 20px;      --lh-lead: 1.5; /* @kind font */
  --fs-body: 17px;      --lh-body: 1.6; /* @kind font */
  --fs-sm: 15px;        --lh-sm: 1.5; /* @kind font */
  --fs-xs: 13px;        --lh-xs: 1.45; /* @kind font */
  --fs-eyebrow: 13px;   /* uppercase label, tracking 0.14em */

  --track-display: -0.01em; /* @kind font */
  --track-body: 0em; /* @kind font */
  --track-eyebrow: 0.14em; /* @kind font */
}
