/* 4jibaro typography scale.
   Heavy grotesque display + neutral grotesque body. Tight display leading,
   uppercase letter-spaced eyebrows are a core brand motif. */
:root {
  /* Weights */
  --fw-regular: 400; /* @kind other */
  --fw-medium: 500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold: 700; /* @kind other */
  --fw-extrabold: 800; /* @kind other */
  --fw-black: 900; /* @kind other */

  /* Font sizes — type scale */
  --fs-eyebrow: 0.8125rem;  /* 13px uppercase label */
  --fs-caption: 0.8125rem;  /* 13px */
  --fs-sm:   0.875rem;      /* 14px */
  --fs-base: 1rem;          /* 16px body */
  --fs-md:   1.125rem;      /* 18px lead body */
  --fs-lg:   1.375rem;      /* 22px */
  --fs-xl:   1.75rem;       /* 28px h4 */
  --fs-2xl:  2.25rem;       /* 36px h3 */
  --fs-3xl:  3rem;          /* 48px h2 */
  --fs-4xl:  4rem;          /* 64px display */
  --fs-5xl:  5.5rem;        /* 88px hero display */

  /* Line heights */
  --lh-tight: 0.98; /* @kind other */
  --lh-snug: 1.1; /* @kind other */
  --lh-heading: 1.15; /* @kind other */
  --lh-body: 1.55; /* @kind other */
  --lh-relaxed: 1.7; /* @kind other */

  /* Letter spacing */
  --ls-eyebrow: 0.14em; /* @kind other */
  --ls-tight: -0.02em; /* @kind other */
  --ls-tighter: -0.035em; /* @kind other */
  --ls-normal: 0; /* @kind other */
}