/* ============================================================
   Clave — Typography tokens
   Typeface: Inter (Manual §10) — SemiBold for titles/headers,
   Medium for emphasis & UI, Regular for body.
   ============================================================ */
:root {
  /* Families */
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: var(--font-sans);
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Weights */
  --fw-regular: 400; /* @kind other */
  --fw-medium: 500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold: 700; /* @kind other */

  /* Type scale (1.250 major-third-ish, tuned) */
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 15px;   /* default UI/body */
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 21px;
  --text-2xl: 26px;
  --text-3xl: 32px;
  --text-4xl: 40px;
  --text-5xl: 52px;
  --text-6xl: 64px;
  --text-7xl: 80px;

  /* Line heights */
  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing */
  --tracking-tight: -0.02em;   /* large display */
  --tracking-snug: -0.01em;    /* headings */
  --tracking-normal: 0;
  --tracking-wide: 0.04em;     /* eyebrows / overlines */
  --tracking-wider: 0.12em;    /* all-caps labels */

  /* ---- Semantic roles ---- */
  --font-display-weight: var(--fw-semibold);
  --font-heading-weight: var(--fw-semibold);
  --font-body-weight: var(--fw-regular);
  --font-ui-weight: var(--fw-medium);
  --font-label-weight: var(--fw-semibold);
}