/* ============================================================
   Stanley Bankruptcy Law — Typography tokens
   ============================================================ */
:root {
  /* Families */
  --font-display: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-sans: 'Libre Franklin', system-ui, -apple-system, Segoe UI, sans-serif;

  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Type scale (fluid-ish, rem) */
  --text-display: 3.5rem;   /* 56px — hero headline */
  --text-h1: 2.625rem;      /* 42px */
  --text-h2: 2rem;          /* 32px */
  --text-h3: 1.5rem;        /* 24px */
  --text-h4: 1.25rem;       /* 20px */
  --text-lead: 1.25rem;     /* 20px intro paragraph */
  --text-body: 1.0625rem;   /* 17px base */
  --text-sm: 0.9375rem;     /* 15px */
  --text-xs: 0.8125rem;     /* 13px */
  --text-eyebrow: 0.75rem;  /* 12px label */

  /* Line heights */
  --leading-tight: 1.08;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing */
  --tracking-eyebrow: 0.14em;
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
}

/* Convenience utility classes (optional for consumers) */
.t-eyebrow {
  font-family: var(--font-sans);
  font-weight: var(--weight-semibold);
  font-size: var(--text-eyebrow);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--accent-strong);
}
.t-display {
  font-family: var(--font-display);
  font-weight: var(--weight-600, 600);
  font-size: var(--text-display);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--text-strong);
}
.t-lead {
  font-family: var(--font-sans);
  font-size: var(--text-lead);
  line-height: var(--leading-relaxed);
  color: var(--text-body);
}