/* Born Mtn Club — typography. Source: Brand Manual 3B, "BRAND SYSTEM: TYPOGRAPHY".
   Libre Baskerville = display/headline. Lato = body, labels, UI. */
:root{
  --font-display:'Libre Baskerville',Georgia,'Times New Roman',serif;
  --font-body:'Lato','Helvetica Neue',Helvetica,sans-serif;
  --font-mono:ui-monospace,'SFMono-Regular',Menlo,monospace;

  /* Weights */
  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-black:900; /* @kind font */

  /* Sizes — 1.25 ramp, tuned to the manual's printed hierarchy */
  --fs-3xs:11px; --fs-2xs:12px; --fs-xs:13px; --fs-sm:15px; --fs-base:17px;
  --fs-md:19px; --fs-lg:23px; --fs-xl:28px; --fs-2xl:34px; --fs-3xl:44px;
  --fs-4xl:56px; --fs-5xl:72px; --fs-6xl:96px;

  /* Line heights */
  --lh-tight:1.1; /* @kind font */
  --lh-snug:1.25; /* @kind font */
  --lh-normal:1.5; /* @kind font */
  --lh-relaxed:1.75; /* @kind font */
  --lh-loose:2; /* @kind font */

  /* Tracking — the brand leans on wide letterspaced caps for labels and eyebrows */
  --ls-tightest:-0.02em; --ls-tight:-0.01em; --ls-none:0; /* @kind font */
  --ls-wide:0.06em; --ls-wider:0.12em; --ls-widest:0.22em; /* @kind font */

  /* Semantic roles */
  --type-display-font:var(--font-display);
  --type-display-size:var(--fs-4xl);
  --type-display-lh:var(--lh-tight); /* @kind font */
  --type-display-ls:var(--ls-tight); /* @kind font */

  --type-heading-font:var(--font-display);
  --type-heading-size:var(--fs-2xl);
  --type-heading-lh:var(--lh-snug); /* @kind font */

  --type-eyebrow-font:var(--font-body);
  --type-eyebrow-size:var(--fs-2xs);
  --type-eyebrow-weight:var(--fw-bold); /* @kind font */
  --type-eyebrow-ls:var(--ls-widest); /* @kind font */

  --type-body-font:var(--font-body);
  --type-body-size:var(--fs-base);
  --type-body-weight:var(--fw-light); /* @kind font */
  --type-body-lh:var(--lh-relaxed); /* @kind font */

  --type-label-font:var(--font-body);
  --type-label-size:var(--fs-xs);
  --type-label-weight:var(--fw-bold); /* @kind font */
  --type-label-ls:var(--ls-wider); /* @kind font */

  --type-caption-size:var(--fs-2xs);
  --type-caption-ls:var(--ls-wide); /* @kind font */
}