/* ============================================================================
   Kinema — Typography tokens
   Inter, weights 400–800. Dense UI scale; landing extends upward for impact.
   ============================================================================ */

:root {
  /* ── Families ─────────────────────────────────────────────────────────── */
  --kinema-font:      Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  --kinema-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* ── Weights ──────────────────────────────────────────────────────────── */
  --kinema-weight-normal:   400;
  --kinema-weight-medium:   500; /* workhorse for buttons/labels */
  --kinema-weight-semibold: 600; /* card titles */
  --kinema-weight-bold:     700; /* headings */
  --kinema-weight-hero:     800; /* marketing hero */

  /* ── Type scale ───────────────────────────────────────────────────────── */
  --kinema-text-hero:    64px; /* 48–72px marketing hero */
  --kinema-text-h1:      48px;
  --kinema-text-h2:      32px; /* 30–36px section heading */
  --kinema-text-h3:      20px;
  --kinema-text-lead:    19px; /* 18–20px subheading / lead */
  --kinema-text-base:    16px; /* body */
  --kinema-text-sm:      14px; /* labels / secondary */
  --kinema-text-xs:      12px; /* caption / eyebrow */

  /* ── Line heights ─────────────────────────────────────────────────────── */
  --kinema-leading-tight:   1.04; /* hero */
  --kinema-leading-heading: 1.15;
  --kinema-leading-body:    1.5;
  --kinema-leading-relaxed: 1.6;

  /* ── Letter spacing ───────────────────────────────────────────────────── */
  --kinema-tracking-hero:   -0.03em;
  --kinema-tracking-tight:  -0.01em;
  --kinema-tracking-eyebrow: 0.12em; /* uppercase eyebrows / labels */
}