/* ============================================================
   MÒ 墨 — Typography scale
   Editorial luxury: serif display for hero moments, heavy
   gothic for headings, regular sans for running copy.
   ============================================================ */

:root {
  /* Type scale (1.250 major-third, editorial-tuned) */
  --fs-display-2xl: 96px;
  --fs-display-xl:  72px;
  --fs-display-lg:  56px;
  --fs-h1: 40px;
  --fs-h2: 32px;
  --fs-h3: 24px;
  --fs-h4: 20px;
  --fs-body-lg: 18px;
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 13px;
  --fs-overline: 12px;

  /* Line heights */
  --lh-tight: 1.05;   /* @kind other */
  --lh-display: 1.12; /* @kind other */
  --lh-heading: 1.25; /* @kind other */
  --lh-body: 1.7;     /* @kind other */
  --lh-snug: 1.45;    /* @kind other */

  /* Weights */
  --fw-regular: 400; /* @kind other */
  --fw-medium: 500;  /* @kind other */
  --fw-bold: 700;    /* @kind other */
  --fw-black: 900;   /* @kind other */

  /* Letter spacing — wide tracking is a brand signature on overlines/labels */
  --ls-display: -0.01em; /* @kind other */
  --ls-tight: -0.02em;   /* @kind other */
  --ls-normal: 0;        /* @kind other */
  --ls-wide: 0.08em;     /* @kind other */
  --ls-overline: 0.24em; /* @kind other */
}

/* ---- Optional utility roles (consumers may use directly) ---- */
:root {
  --text-display: var(--fw-regular) var(--fs-display-xl)/var(--lh-display) var(--font-display); /* @kind other */
  --text-h1: var(--fw-black) var(--fs-h1)/var(--lh-heading) var(--font-heading); /* @kind other */
  --text-h2: var(--fw-black) var(--fs-h2)/var(--lh-heading) var(--font-heading); /* @kind other */
  --text-h3: var(--fw-bold) var(--fs-h3)/var(--lh-heading) var(--font-heading); /* @kind other */
  --text-body-role: var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-body); /* @kind other */
}