/* ==========================================================================
   TVS Motor — Typography tokens
   ========================================================================== */
:root {
  /* ---- Families ---- */
  --font-display: 'Barlow Semi Condensed', 'Arial Narrow', system-ui, sans-serif;
  --font-body:    'Barlow', system-ui, -apple-system, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;

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

  /* ---- Type scale (display = Barlow Semi Condensed) ---- */
  --text-display-2xl: 76px;  /* hero / cover */
  --text-display-xl:  56px;
  --text-display-lg:  42px;
  --text-display-md:  32px;
  --text-display-sm:  26px;

  /* ---- Body scale ---- */
  --text-xl: 20px;
  --text-lg: 18px;
  --text-md: 16px;   /* base */
  --text-sm: 14px;
  --text-xs: 12px;
  --text-2xs: 10.5px; /* eyebrow / labels */

  /* ---- Line heights ---- */
  --lh-tight:   1.02;  /* @kind other */
  --lh-snug:    1.15;  /* @kind other */
  --lh-normal:  1.45;  /* @kind other */
  --lh-relaxed: 1.6;   /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-tighter: -0.02em;  /* @kind other */
  --ls-tight:   -0.01em;  /* @kind other */
  --ls-normal:  0;        /* @kind other */
  --ls-wide:    0.04em;   /* @kind other */
  --ls-eyebrow: 0.14em;   /* @kind other */ /* uppercase eyebrows / labels */
}