/* ==========================================================================
   TYPOGRAPHY — one UI family (Inter), one mono (Source Code Pro).
   Quiet by design: small sizes, weights 400–600, mono uppercase eyebrows.
   ========================================================================== */
:root {
  --font-sans: 'Inter', 'Circular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-mono: 'Source Code Pro', 'Office Code Pro', Menlo, Consolas, monospace;

  /* Type scale (Tailwind-aligned) */
  --text-xs: 0.75rem;    /* 12px — menu items, meta, timestamps */
  --text-sm: 0.875rem;   /* 14px — DEFAULT UI text: buttons, tables, nav */
  --text-base: 1rem;     /* 16px — body / long-form */
  --text-lg: 1.125rem;   /* 18px — subtitles */
  --text-xl: 1.25rem;    /* 20px — section headings (h2) */
  --text-2xl: 1.5rem;    /* 24px — page titles (h1) */

  /* Line height */
  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-code: 1.7;

  /* Tracking */
  --tracking-tight: -0.025em;   /* h1, inline code */
  --tracking-wider: 0.05em;     /* mono eyebrows */
  --tracking-badge: 0.07em;     /* badge caps */

  /* Weights — the whole system lives in 400–600. Strong = 500, never 700. */
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
}