/* design-system/fonts.css
 * Web font loading for the Diverse CTI design system.
 *
 * Primary UI:  Inter (sans), JetBrains Mono (mono) — from Google Fonts.
 * Brand display: Porter (display), Vector (brand) — local files.
 *
 * Drop this file in the page <head> BEFORE tokens.css. If you self-host
 * Inter/JetBrains Mono later, replace the @import line with @font-face
 * blocks against your own asset paths and keep everything else the same.
 */

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

@font-face {
  font-family: "Porter";
  src: url("../assets/fonts/PorterBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vector";
  src: url("../assets/fonts/Vector-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Vector";
  src: url("../assets/fonts/Vector-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
