/* Neurobusiness — Typography Tokens */
:root {

  /* ─── Font Families ─────────────────────────────────────── */
  --font-display: 'Manrope', system-ui, sans-serif;
  --font-body:    'Source Sans 3', system-ui, sans-serif;
  --font-mono:    'Manrope', system-ui, sans-serif; /* antes IBM Plex Mono */

  /* ─── Font Weights ──────────────────────────────────────── */
  --fw-light:    300; /* @kind other */
  --fw-regular:  400; /* @kind other */
  --fw-medium:   500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold:     700; /* @kind other */
  --fw-extrabold:800; /* @kind other */

  /* ─── Type Scale — Sizes ────────────────────────────────── */
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-md:   16px;
  --text-lg:   18px;
  --text-xl:   20px;
  --text-2xl:  24px;
  --text-3xl:  30px;
  --text-4xl:  36px;
  --text-5xl:  48px;
  --text-6xl:  60px;
  --text-7xl:  72px;

  /* ─── Line Heights ──────────────────────────────────────── */
  --lh-tight:   1.15; /* @kind other */
  --lh-snug:    1.25; /* @kind other */
  --lh-normal:  1.5; /* @kind other */
  --lh-relaxed: 1.625; /* @kind other */
  --lh-loose:   1.75; /* @kind other */

  /* ─── Letter Spacing ────────────────────────────────────── */
  --ls-tight:   -0.03em; /* @kind other */
  --ls-snug:    -0.015em; /* @kind other */
  --ls-normal:  0em; /* @kind other */
  --ls-wide:    0.04em; /* @kind other */
  --ls-wider:   0.08em; /* @kind other */
  --ls-widest:  0.12em; /* @kind other */

  /* ─── Semantic Type Roles ───────────────────────────────── */
  /* Headings use Manrope / tight tracking */
  --type-display-xl: var(--fw-extrabold) var(--text-7xl)/var(--lh-tight) var(--font-display); /* @kind other */
  --type-display-lg: var(--fw-bold) var(--text-6xl)/var(--lh-tight) var(--font-display); /* @kind other */
  --type-display:    var(--fw-bold) var(--text-5xl)/var(--lh-tight) var(--font-display); /* @kind other */
  --type-h1:         var(--fw-bold) var(--text-4xl)/var(--lh-snug) var(--font-display); /* @kind other */
  --type-h2:         var(--fw-bold) var(--text-3xl)/var(--lh-snug) var(--font-display); /* @kind other */
  --type-h3:         var(--fw-semibold) var(--text-2xl)/var(--lh-snug) var(--font-display); /* @kind other */
  --type-h4:         var(--fw-semibold) var(--text-xl)/var(--lh-snug) var(--font-display); /* @kind other */
  --type-h5:         var(--fw-semibold) var(--text-lg)/var(--lh-normal) var(--font-display); /* @kind other */
  --type-h6:         var(--fw-semibold) var(--text-base)/var(--lh-normal) var(--font-display); /* @kind other */

  /* Body uses Source Sans 3 */
  --type-body-lg:  var(--fw-regular) var(--text-lg)/var(--lh-relaxed) var(--font-body); /* @kind other */
  --type-body:     var(--fw-regular) var(--text-base)/var(--lh-relaxed) var(--font-body); /* @kind other */
  --type-body-sm:  var(--fw-regular) var(--text-sm)/var(--lh-normal) var(--font-body); /* @kind other */
  --type-caption:  var(--fw-regular) var(--text-xs)/var(--lh-normal) var(--font-body); /* @kind other */
  --type-label:    var(--fw-semibold) var(--text-sm)/var(--lh-normal) var(--font-body); /* @kind other */
  --type-overline: var(--fw-semibold) var(--text-xs)/var(--lh-normal) var(--font-body); /* @kind other */

  /* Mono uses IBM Plex Mono */
  --type-mono-lg: var(--fw-regular) var(--text-lg)/var(--lh-relaxed) var(--font-mono); /* @kind other */
  --type-mono:    var(--fw-regular) var(--text-base)/var(--lh-relaxed) var(--font-mono); /* @kind other */
  --type-mono-sm: var(--fw-regular) var(--text-sm)/var(--lh-normal) var(--font-mono); /* @kind other */
}