/* QuickLitmus — typography tokens */
:root {
  --font-sans: "Figtree", -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", "SF Mono", Menlo, monospace;

  /* Scale (px) */
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 13.5px;
  --text-base: 15px;
  --text-md: 17px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 30px;
  --text-3xl: 38px;
  --text-4xl: 48px;

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

  /* Leading */
  --leading-tight: 1.1;
  --leading-snug: 1.3;
  --leading-normal: 1.5;
  --leading-relaxed: 1.6;

  /* Tracking */
  --tracking-display: -0.03em;
  --tracking-heading: -0.02em;
  --tracking-body: 0;
  --tracking-caps: 0.06em;

  /* Composite styles */
  --type-display: var(--weight-bold) var(--text-4xl)/var(--leading-tight) var(--font-sans);
  --type-h1: var(--weight-bold) var(--text-3xl)/var(--leading-tight) var(--font-sans);
  --type-h2: var(--weight-bold) var(--text-2xl)/var(--leading-snug) var(--font-sans);
  --type-h3: var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-sans);
  --type-body: var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-sans);
  --type-body-sm: var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-sans);
  --type-label: var(--weight-semibold) var(--text-sm)/1.2 var(--font-sans);
  --type-caption: var(--weight-semibold) var(--text-xs)/1.2 var(--font-sans);
  --type-data-lg: var(--weight-medium) var(--text-2xl)/1.1 var(--font-mono);
  --type-data: var(--weight-medium) var(--text-sm)/1.2 var(--font-mono);
  --type-data-xs: var(--weight-medium) var(--text-xs)/1.2 var(--font-mono);
}