/* ============================================================
   Leviathan AI Systems — Typography Scale
   Display: Jura (wide, tracked, futuristic). Body: Hanken Grotesk.
   Headlines carry generous letter-spacing to feel engineered.
   ============================================================ */
:root {
  /* ---- Font sizes ---- */
  --fs-display-1: 72px;
  --fs-display-2: 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.04; /* @kind other */
  --lh-snug: 1.18; /* @kind other */
  --lh-normal: 1.5; /* @kind other */
  --lh-relaxed: 1.65; /* @kind other */

  /* ---- Weights ---- */
  --fw-light: 300; /* @kind other */
  --fw-regular: 400; /* @kind other */
  --fw-medium: 500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold: 700; /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-tight: -0.01em; /* @kind other */
  --ls-normal: 0; /* @kind other */
  --ls-wide: 0.04em; /* @kind other */
  --ls-wider: 0.10em; /* @kind other */
  --ls-overline: 0.20em; /* @kind other */

  /* ---- Composite role tokens (font shorthand) ---- */
  --text-display:  var(--fw-semibold) var(--fs-display-1)/var(--lh-tight) var(--font-display); /* @kind font */
  --text-h1:       var(--fw-semibold) var(--fs-h1)/var(--lh-snug) var(--font-display); /* @kind font */
  --text-h2:       var(--fw-medium) var(--fs-h2)/var(--lh-snug) var(--font-display); /* @kind font */
  --text-h3:       var(--fw-medium) var(--fs-h3)/var(--lh-snug) var(--font-display); /* @kind font */
  --text-body:     var(--fw-regular) var(--fs-body)/var(--lh-relaxed) var(--font-body); /* @kind font */
  --text-body-sm:  var(--fw-regular) var(--fs-body-sm)/var(--lh-normal) var(--font-body); /* @kind font */
  --text-mono:     var(--fw-regular) var(--fs-body-sm)/var(--lh-normal) var(--font-mono); /* @kind font */
}