/*
 * @bfrs/agentic-components/fonts.css — OPT-IN SF Pro Display webfont.
 *
 * The main stylesheet (`@bfrs/agentic-components/styles`) only references the
 * font family by NAME (`--bfrs-font-sans`) and intentionally ships no
 * `@font-face` so it never leaks into a host document. Import THIS file once,
 * in addition, when you want the library to provide and apply SF Pro itself:
 *
 *   import "@bfrs/agentic-components/styles";
 *   import "@bfrs/agentic-components/fonts.css";
 *
 * It bundles the font files (relative URLs, so any base path works), defines
 * `--bfrs-font-sans` at the document root, and applies it to `html, body` so
 * the WHOLE app uses SF Pro — not just BFRS-scoped components.
 */

@font-face {
  font-family: "SF Pro Display";
  src: url("./font/sfprofonts/SF-Pro-Display-Ultralight.otf") format("opentype");
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("./font/sfprofonts/SF-Pro-Display-UltralightItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("./font/sfprofonts/SF-Pro-Display-Light.otf") format("opentype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("./font/sfprofonts/SF-Pro-Display-LightItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("./font/sfprofonts/SF-Pro-Display-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("./font/sfprofonts/SF-Pro-Display-RegularItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("./font/sfprofonts/SF-Pro-Display-Medium.otf") format("opentype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("./font/sfprofonts/SF-Pro-Display-MediumItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("./font/sfprofonts/SF-Pro-Display-Semibold.otf") format("opentype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("./font/sfprofonts/SF-Pro-Display-SemiboldItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("./font/sfprofonts/SF-Pro-Display-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("./font/sfprofonts/SF-Pro-Display-BoldItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("./font/sfprofonts/SF-Pro-Display-Heavy.otf") format("opentype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("./font/sfprofonts/SF-Pro-Display-HeavyItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("./font/sfprofonts/SF-Pro-Display-Black.otf") format("opentype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display";
  src: url("./font/sfprofonts/SF-Pro-Display-BlackItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 900;
  font-display: swap;
}

:root {
  --bfrs-font-sans: "SF Pro Display", "SF Pro Text", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body {
  font-family: var(--bfrs-font-sans);
}