/* Blueprint to Broadcast — Typography
   ------------------------------------------------------------------
   Display : Playfair Display — the high-contrast serif "B2B" identity.
             Reserved for hero lines, big numbers, editorial moments.
   Sans    : Poppins — geometric, matches the wordmark. UI + body + headings.
   Mono    : IBM Plex Mono — technical eyebrows, labels, spec annotations,
             coordinates. The "blueprint" voice. */

:root {
  --font-display: 'Playfair Display', 'Times New Roman', Georgia, serif;
  --font-sans:    'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- Type scale (1.250 major-third-ish, tuned) ---- */
  --text-2xs:  0.6875rem;  /* 11px */
  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-md:   1.125rem;   /* 18px */
  --text-lg:   1.375rem;   /* 22px */
  --text-xl:   1.75rem;    /* 28px */
  --text-2xl:  2.25rem;    /* 36px */
  --text-3xl:  3rem;       /* 48px */
  --text-4xl:  4rem;       /* 64px */
  --text-5xl:  5.5rem;     /* 88px */

  /* ---- Weights ---- */
  --fw-light:    300; /* @kind font */
  --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 */

  /* ---- Line heights ---- */
  --lh-tight:   1.05; /* @kind font */
  --lh-snug:    1.2; /* @kind font */
  --lh-normal:  1.5; /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-tight:  -0.02em; /* @kind font */
  --ls-snug:   -0.01em; /* @kind font */
  --ls-normal: 0; /* @kind font */
  --ls-wide:   0.04em; /* @kind font */
  --ls-mono:   0.08em; /* @kind font */
  --ls-mono-wide: 0.18em; /* @kind font */

  /* ---- Semantic role aliases ---- */
  --type-display:  var(--fw-bold) var(--text-5xl)/var(--lh-tight) var(--font-display);
  --type-h1:       var(--fw-semibold) var(--text-3xl)/var(--lh-snug) var(--font-sans);
  --type-h2:       var(--fw-semibold) var(--text-2xl)/var(--lh-snug) var(--font-sans);
  --type-h3:       var(--fw-semibold) var(--text-xl)/var(--lh-snug) var(--font-sans);
  --type-body:     var(--fw-regular) var(--text-base)/var(--lh-relaxed) var(--font-sans);
  --type-small:    var(--fw-regular) var(--text-sm)/var(--lh-normal) var(--font-sans);
  --type-eyebrow:  var(--fw-medium) var(--text-xs)/1 var(--font-mono);
}