/* Tapas — Typography tokens
 * Product uses Geist (sans) and Geist Mono, matching the Next.js app.
 * Sizes mirror the Tailwind text-* scale used across docs/UI-DESIGN.md.
 */

:root {
  --font-sans: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, 'SF Mono', 'Menlo', monospace;

  /* Type scale (rem) — Tailwind default steps used in the app */
  --text-xs: 0.75rem;    /* 12px — labels, badges, meta */
  --text-sm: 0.875rem;   /* 14px — body / default UI text */
  --text-base: 1rem;     /* 16px — inputs on mobile, large body */
  --text-lg: 1.125rem;   /* 18px — card titles (H3) */
  --text-xl: 1.25rem;    /* 20px — section titles (H2) */
  --text-2xl: 1.5rem;    /* 24px — page titles (H1) */
  --text-3xl: 1.875rem;  /* 30px — mobile large title */
  --text-tiny: 0.625rem; /* 10px — role badge, version line */

  /* Weights */
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  /* Line heights */
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-normal: 1.5;

  /* Tracking */
  --tracking-tight: -0.015em;
  --tracking-wide: 0.025em;
  --tracking-widest: 0.1em;
}