/* ===============================================
   Fonts 2025 — Geist Sans + Inter Variable
   Source: Vercel Geist (OFL) + Google Fonts Inter
   =============================================== */
@import url('https://cdn.jsdelivr.net/npm/@fontsource/geist-sans@5.2.5/index.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

:root{
  /* Typography system */
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  --font-heading: "Geist Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-primary: var(--font-ui);
  --font-title: var(--font-heading);
}

/* Apply globally — headings switch to Geist */
html, body { font-family: var(--font-primary); }
h1, h2, h3, h4, .h1, .h2, .h3, .h4, [data-typescale="display"] {
  font-family: var(--font-title);
  letter-spacing: -0.01em;
}
/* Tighten UI labels and buttons */
button, .btn, .chip, .tag { font-family: var(--font-ui); font-weight: 600; }