/* ------------------------------------------------------------
   Typography — Familia Avenir (Mulish substitute in preview).
   Weights used by the brand: Book(400), Medium(600),
   Heavy(800), Black(900).
   ------------------------------------------------------------ */
:root {
  --font-sans: "Mulish", "Avenir Next", "Avenir", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --fw-book:   400; /* @kind font */
  --fw-medium: 600; /* @kind font */
  --fw-heavy:  800; /* @kind font */
  --fw-black:  900; /* @kind font */

  /* Type ramp (font shorthand: weight size/line family) */
  --text-display: var(--fw-black) 60px/1.02 var(--font-sans);
  --text-h1:      var(--fw-black) 44px/1.06 var(--font-sans);
  --text-h2:      var(--fw-heavy) 30px/1.12 var(--font-sans);
  --text-h3:      var(--fw-heavy) 22px/1.2  var(--font-sans);
  --text-body-lg: var(--fw-book)  18px/1.6  var(--font-sans);
  --text-body:    var(--fw-book)  16px/1.6  var(--font-sans);
  --text-small:   var(--fw-medium) 14px/1.5 var(--font-sans);
  --text-overline: var(--fw-heavy) 13px/1   var(--font-sans);

  --tracking-display: -0.03em;
  --tracking-tight:   -0.02em;
  --tracking-normal:  0;
  --tracking-overline: 0.18em;
}