/* EJC Typography — Poppins, weights 300/400/600/700/800/900.
   Body 15–16px, lead 18px, line-height ~1.7. Everything left-aligned.
   Type scales UP, never down: if content doesn't fit, the doc gets longer. */
:root {
  --font-sans: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: var(--font-sans);

  /* ---- Weights ---- */
  --fw-light: 300;       /* @kind other */
  --fw-regular: 400;     /* @kind other */
  --fw-semibold: 600;    /* @kind other */
  --fw-bold: 700;        /* @kind other */
  --fw-extrabold: 800;   /* @kind other */
  --fw-black: 900;       /* @kind other */

  /* ---- Sizes ---- */
  --fs-eyebrow: 11px;     /* uppercase label */
  --fs-meta: 12px;        /* card meta, roles */
  --fs-body: 15px;        /* default body prose */
  --fs-body-lg: 16px;     /* comfortable body */
  --fs-lead: 18px;        /* lead paragraph */
  --fs-h3: 1.02rem;       /* card headline */
  --fs-h2: 1.12rem;       /* section heading (uppercase) */
  --fs-h1: 2rem;          /* document / hero title */
  --fs-display: 2.75rem;  /* landing hero */

  /* ---- Line heights ---- */
  --lh-tight: 1.3;       /* @kind other */
  --lh-snug: 1.5;        /* @kind other */
  --lh-body: 1.7;        /* @kind other */
  --lh-relaxed: 1.75;    /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-eyebrow: 0.16em;   /* @kind other */
  --ls-label: 0.1em;      /* @kind other */
  --ls-heading: 0.04em;   /* @kind other */
  --ls-tight: -0.02em;    /* @kind other */

  /* ---- Semantic aliases ---- */
  --text-leading-body: var(--lh-body);
  --weight-emphasis: var(--fw-bold);
}