/* ============================================================
   WingForce — Typography tokens
   Display/Headings: Barlow · Body/UI: Inter · Technical/Data: JetBrains Mono
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Barlow', system-ui, sans-serif;   /* Hero & headings */
  --font-body: 'Inter', system-ui, sans-serif;       /* Body & UI */
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
  --weight-black: 900;

  /* ---- Type scale (px values from the guide's 10-step scale) ---- */
  --size-display: 4rem;      /* 64px  Barlow 900  lh 1.0  */
  --size-h1: 3rem;           /* 48px  Barlow 800  lh 1.1  */
  --size-h2: 2.25rem;        /* 36px  Barlow 700  lh 1.15 */
  --size-h3: 1.75rem;        /* 28px  Barlow 600  lh 1.2  */
  --size-h4: 1.375rem;       /* 22px  Barlow 600  lh 1.25 */
  --size-body-lg: 1.125rem;  /* 18px  Inter 400   lh 1.6  */
  --size-body: 1rem;         /* 16px  Inter 400   lh 1.6  */
  --size-small: 0.875rem;    /* 14px  Inter 400   lh 1.5  */
  --size-caption: 0.75rem;   /* 12px  Inter 500   lh 1.4  */
  --size-code: 0.875rem;     /* 14px  JetBrains Mono 400 lh 1.6 */

  /* ---- Line heights ---- */
  --lh-display: 1.0;  /* @kind other */
  --lh-h1: 1.1;       /* @kind other */
  --lh-h2: 1.15;      /* @kind other */
  --lh-h3: 1.2;       /* @kind other */
  --lh-h4: 1.25;      /* @kind other */
  --lh-body: 1.6;     /* @kind other */
  --lh-small: 1.5;    /* @kind other */
  --lh-caption: 1.4;  /* @kind other */

  /* ---- Letter spacing ---- */
  --tracking-display: -0.02em;  /* @kind other */
  --tracking-normal: 0;         /* @kind other */
  --tracking-label: 0.06em;     /* @kind other */
}