/* ============================================================
   IntentLink — Webfonts
   Display: Satoshi (Fontshare)  — geometric, confident headings
   Body:    DM Sans (Google)     — friendly, highly legible UI text
   Mono:    JetBrains Mono       — code / MCP config snippets

   NOTE: The live codebase declares "Satoshi headings, DM Sans body".
   Satoshi is not on Google Fonts; its binaries (sourced from
   Fontshare) are self-hosted in assets/fonts/. DM Sans + JetBrains
   Mono load from Google Fonts.
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=JetBrains+Mono:wght@400;500;600&display=swap");

@font-face {
  font-family: "Satoshi";
  src: url("../assets/fonts/Satoshi-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi";
  src: url("../assets/fonts/Satoshi-500.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi";
  src: url("../assets/fonts/Satoshi-700.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Satoshi";
  src: url("../assets/fonts/Satoshi-900.woff2") format("woff2");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}

:root {
  --font-display: "Satoshi", "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-heading: var(--font-display); /* legacy alias used by app pages */
  --font-body:    "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-sans:    var(--font-body);
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}