/* GCMD Library — Typography tokens
 *
 * Inter replaces Poppins. Poppins is a geometric display font that gets
 * tiring at body sizes; Inter was designed for screens and has tabular
 * numbers (critical for metadata, stats, timestamps).
 *
 * Inter is loaded from Google Fonts via templates/base.html.
 */

:root {
  /* ── Font stacks ─────────────────────────────────────────── */
  --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', 'Fira Code', monospace;

  /* ── Size scale ──────────────────────────────────────────── */
  --text-xs:    0.75rem;   /* 12px — badges, labels */
  --text-sm:    0.875rem;  /* 14px — metadata */
  --text-base:  1rem;      /* 16px — body */
  --text-lg:    1.125rem;  /* 18px — lead */
  --text-xl:    1.25rem;   /* 20px — section subtitles */
  --text-2xl:   1.5rem;    /* 24px — card headings */
  --text-3xl:   1.875rem;  /* 30px — section headings */
  --text-4xl:   2.25rem;   /* 36px — page titles */
  --text-5xl:   3rem;      /* 48px — hero titles */

  /* ── Line heights ───────────────────────────────────────── */
  --leading-tight:    1.25;
  --leading-snug:     1.375;
  --leading-normal:   1.5;
  --leading-relaxed:  1.625;

  /* ── Font weights ───────────────────────────────────────── */
  --font-regular:    400;
  --font-normal:     400;   /* Alias for --font-regular */
  --font-medium:     500;
  --font-semibold:   600;
  --font-bold:       700;
  --font-extrabold:  800;

  /* ── Letter spacing ─────────────────────────────────────── */
  --tracking-tight:   -0.025em;
  --tracking-normal:  0;
  --tracking-wide:    0.025em;
  --tracking-wider:   0.05em;   /* All-caps labels */
}