/* ============================================================
   TYPOGRAPHY — T Business Design System
   TeleNeo voice: confident, geometric-humanist sans.
   Headlines are heavy (ExtraBold/Bold/Ultra) and tightly tracked;
   body is regular and roomy. Family: TeleNeo (assets/fonts/).
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-sans: 'TeleNeo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: var(--font-sans);
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* ---- Weights (TeleNeo: no 600; semibold maps to Bold 700) ---- */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 700;
  --weight-bold:     700;
  --weight-extrabold: 800;
  --weight-ultra:    900;

  /* ---- Type scale (px) ---- */
  --text-xs:   12px;
  --text-sm:   14px;
  --text-base: 16px;
  --text-md:   18px;
  --text-lg:   20px;
  --text-xl:   24px;
  --text-2xl:  30px;
  --text-3xl:  38px;
  --text-4xl:  48px;
  --text-5xl:  60px;
  --text-6xl:  76px;
  --text-7xl:  96px;

  /* ---- Line heights ---- */
  --leading-tight:   1.05;
  --leading-snug:    1.18;
  --leading-normal:  1.45;
  --leading-relaxed: 1.6;

  /* ---- Letter spacing ---- */
  --tracking-tighter: -0.03em;
  --tracking-tight:   -0.015em;
  --tracking-normal:  0;
  --tracking-wide:    0.02em;
  --tracking-caps:    0.08em; /* eyebrow / all-caps labels */

  /* ---- Semantic roles ---- */
  --font-display-1: var(--weight-extrabold) var(--text-6xl)/var(--leading-tight) var(--font-display);
  --font-display-2: var(--weight-extrabold) var(--text-4xl)/var(--leading-tight) var(--font-display);
  --font-h1: var(--weight-bold) var(--text-3xl)/var(--leading-snug) var(--font-sans);
  --font-h2: var(--weight-bold) var(--text-2xl)/var(--leading-snug) var(--font-sans);
  --font-h3: var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-sans);
  --font-body-lg: var(--weight-regular) var(--text-md)/var(--leading-relaxed) var(--font-sans);
  --font-body: var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-sans);
  --font-body-sm: var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-sans);
  --font-label: var(--weight-semibold) var(--text-sm)/1.2 var(--font-sans);
  --font-caption: var(--weight-regular) var(--text-xs)/1.3 var(--font-sans);
}