/* Podium IQ — typography tokens
   Fonts: IBM Plex Sans (400/500/600/700) + Geist Mono — loaded in fonts.css.
   Scale from src/lib/design-tokens.ts */
:root {
  --font-sans: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  --font-mono: "Geist Mono", "SFMono-Regular", Menlo, monospace;

  /* Type scale (tailwind sizes actually used) */
  --text-section-title: 700 1.5rem/2rem var(--font-sans);   /* text-2xl font-bold */
  --text-card-title: 600 1.25rem/1.75rem var(--font-sans);  /* text-xl font-semibold */
  --text-sub-title: 500 1.125rem/1.75rem var(--font-sans);  /* text-lg font-medium */
  --text-label: 500 0.875rem/1.25rem var(--font-sans);      /* text-sm font-medium */
  --text-body-size: 0.875rem;                                /* text-sm */
  --text-caption: 0.75rem;                                   /* text-xs */
  --text-micro: 0.6875rem;                                   /* text-[11px] chips */
}
html, body {
  font-family: var(--font-sans);
  color: var(--text-body);
  -webkit-font-smoothing: antialiased;
}
code, pre, .font-mono, .metrics { font-family: var(--font-mono); }
a { color: var(--purple-primary); text-decoration: none; }
a:hover { color: var(--purple-bright); text-decoration: underline; }