/* ── Typework v2 typography ───────────────────────────────────────────
 * The system **San Francisco** stack — NOT rounded. SF Pro Display for
 * anything ≥18px, SF Pro Text below; Inter is the cross-platform fallback;
 * JetBrains Mono carries data. Rounded is reserved for the WORDMARK ONLY
 * (genuine SF Pro Rounded Bold — @font-face in fonts.css).
 * ------------------------------------------------------------------- */
:root {
  /* ── Families ──────────────────────────────────────────────── */
  --font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display',
    'SF Pro Text', 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Text',
    'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-ui: var(--font-sans);   /* alias used across components         */
  --font-tab: var(--font-sans);  /* tabs use the UI face (no Manrope)    */
  /* Wordmark only — the 700-weight rounded face */
  --font-wordmark: 'SF Pro Rounded', var(--font-display);
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo,
    Consolas, monospace;

  /* ── Type scale (px) ───────────────────────────────────────── */
  --text-display: 56px;  /* hero / page title (Display 700)             */
  --text-hero: 32px;     /* welcome-back, big empty states              */
  --text-h1: 22px;       /* section H1 (Display 600)                    */
  --text-title: 24px;    /* panel / dialog titles                       */
  --text-xl: 20px;       /* lead paragraph                             */
  --text-lg: 18px;
  --text-md: 16px;       /* body                                       */
  --text-sm: 14px;       /* secondary UI, table cells, card titles      */
  --text-body: 13.5px;   /* dense product body                         */
  --text-xs: 12px;       /* meta, captions                            */
  --text-2xs: 10px;      /* mono eyebrows / section labels             */

  /* ── Weights ───────────────────────────────────────────────── */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ── Line heights ──────────────────────────────────────────── */
  --leading-display: 0.96; /* tight on hero display                    */
  --leading-tight: 1.1;
  --leading-snug: 1.3;
  --leading-normal: 1.45;  /* body copy                                */

  /* ── Letter spacing ────────────────────────────────────────── */
  --tracking-display: -0.035em; /* large display                      */
  --tracking-tight: -0.02em;    /* headlines                          */
  --tracking-body: -0.005em;    /* body / UI                          */
  --tracking-mono: 0.12em;      /* mono eyebrows (uppercase)           */
  --tracking-wide: 0.14em;      /* sidebar section labels (uppercase)  */
}