/* MarketDuel typography
   Stack: Inter (Linear, Figma, GitHub, Notion) + JetBrains Mono (data) */

@import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400..800&family=JetBrains+Mono:wght@400;500&display=swap");

:root {
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --text-primary: #0f0f0f;
  --text-secondary: #525252;
  --text-tertiary: #737373;

  --tracking-display: -0.032em;
  --tracking-heading: -0.024em;
  --tracking-body: -0.011em;
  --tracking-ui: -0.013em;
  --tracking-caps: 0.04em;

  font-synthesis: none;
}

body {
  font-family: var(--font-sans);
  font-feature-settings: "liga" 1, "calt" 1, "cv01" 1;
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-sans);
  font-weight: 600;
  letter-spacing: var(--tracking-heading);
  color: var(--text-primary);
}