/* StatDeep typography — General Sans (Fontshare) */
:root {
  --font-sans: 'General Sans', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;

  /* Type scale */
  --text-display: 600 clamp(40px, 5vw, 64px)/1.05 var(--font-sans);
  --text-h1: 600 40px/1.1 var(--font-sans);
  --text-h2: 600 30px/1.15 var(--font-sans);
  --text-h3: 600 22px/1.25 var(--font-sans);
  --text-h4: 600 18px/1.3 var(--font-sans);
  --text-body-lg: 400 18px/1.6 var(--font-sans);
  --text-body-md: 400 16px/1.6 var(--font-sans);
  --text-body-sm: 400 14px/1.5 var(--font-sans);
  --text-caption: 500 12px/1.4 var(--font-sans);
  --text-overline: 600 12px/1.3 var(--font-sans); /* + letter-spacing .08em, uppercase */
  --text-stat: 600 48px/1 var(--font-sans);       /* KPI numbers, tabular-nums */

  --tracking-overline: 0.08em;
  --tracking-tight: -0.02em; /* display & h1 */
}

body {
  font: var(--text-body-md);
  color: var(--text-body);
  background: var(--surface-page);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--text-link); text-decoration: none; }
a:hover { color: var(--action-primary-hover); text-decoration: underline; }