/* BLACK RUSSIA — Typography tokens
   Montserrat everywhere for UI/body. Bebas Neue for oversized display (Wiki 2.0).
   Type scale + weights lifted from br-site-front/tailwind.config.ts (desktop "d-*" tags).
   Headings are UPPERCASE by convention across the product. */
:root {
  --font-sans:    'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Bebas Neue', 'Montserrat', sans-serif; /* substitute — see fonts.css */

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

  /* ---- Desktop display / heading scale (px + line-height from source) ---- */
  --text-h1:    96px;  --lh-h1:    117px;  /* hero headline */
  --text-h2:    64px;  --lh-h2:    78px;   /* section headline */
  --text-h3:    48px;  --lh-h3:    58px;
  --text-h4:    36px;  --lh-h4:    43px;
  --text-title: 28px;  --lh-title: 39px;   /* card / block title (600) */
  --text-number:28px;  --lh-number:53px;   /* stats, prices (600, +0.02em) */

  /* ---- Body / UI ---- */
  --text-body:   20px; --lh-body:   30px;  /* default paragraph (400) */
  --text-desc:   14px; --lh-desc:   22px;  /* fine print, footnotes */
  --text-nav:    22px; --lh-nav:    31px;  /* nav links (600, -0.01em) */
  --text-field:  20px; --lh-field:  24px;  /* input text (500) */

  /* ---- Buttons ---- */
  --text-btn:    32px; --lh-btn:    38px;  /* primary CTA (600, +0.02em) */
  --text-btn-sm: 20px; --lh-btn-sm: 24px;  /* secondary button */

  /* Tracking */
  --tracking-btn:  0.02em;  /* buttons, stats */
  --tracking-nav: -0.01em;  /* navigation */
}