/* ============================================================
   B&B Pilot — Typography tokens
   Display: Bricolage Grotesque  ·  UI/Body: Plus Jakarta Sans
   Numeric/data: DM Mono
   ============================================================ */
:root {
  --font-display: 'Bricolage Grotesque', 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-sans:    'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'DM Mono', 'SFMono-Regular', ui-monospace, 'Menlo', monospace;

  /* type scale (px) */
  --text-2xs:  11px;
  --text-xs:   12px;
  --text-sm:   13px;
  --text-base: 15px;   /* default UI body */
  --text-md:   16px;
  --text-lg:   18px;
  --text-xl:   22px;
  --text-2xl:  28px;
  --text-3xl:  36px;
  --text-4xl:  48px;
  --text-5xl:  60px;

  /* weights */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-extrabold: 800;

  /* line-heights */
  --leading-tight:   1.1;
  --leading-snug:    1.25;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* letter-spacing */
  --tracking-tight:  -0.02em;
  --tracking-snug:   -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-caps:   0.08em;

  /* semantic roles */
  --display-font:    var(--font-display);
  --display-weight:  var(--weight-extrabold);
  --display-tracking: var(--tracking-tight);

  --heading-font:    var(--font-display);
  --heading-weight:  var(--weight-bold);

  --body-font:       var(--font-sans);
  --body-size:       var(--text-base);
  --body-leading:    var(--leading-normal);

  --label-font:      var(--font-sans);
  --label-weight:    var(--weight-semibold);

  --numeric-font:    var(--font-mono);  /* prices, tabular figures */
  --eyebrow-tracking: var(--tracking-caps);
}