/*
 * Inter Font - self-hosted (WLS-1228)
 * Per architecture.md Section 3: Component library styling
 *
 * InterVariable is vendored under app/assets/fonts/inter/ from the official
 * rsms/inter v4.1 release (SIL OFL 1.1 - the licence sits alongside the files).
 * Propshaft rewrites the url() references below to digested /assets/ paths.
 * Serving the face same-origin keeps every page render - and every system
 * test - off the Google Fonts CDN, so no third-party outage, rate limit, or
 * blocked network can stall rendering or turn into an unexplained CI failure.
 *
 * This covers the app's OWN typeface only. Customer-configured guide themes
 * still load their chosen family from Google Fonts at runtime, by design -
 * see GuideThemesHelper#theme_font_link_tag. Never reintroduce a remote
 * @import here; test/integration/font_delivery_test.rb guards this file.
 */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/inter/InterVariable-884c49a1.woff2") format("woff2");
}

/* Real italics: the guide and blog layouts render user-authored Markdown - the
   editor has an explicit italic control - and blockquotes are set in italic.
   Without this face the browser synthesises a skewed oblique instead. */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/inter/InterVariable-Italic-0aa7a4b3.woff2") format("woff2");
}

/* Set Inter as the default font family */
:root {
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
               'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
               'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

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