/*
 * Self-hosted delivery of the two brand families the Aurora tokens name.
 *
 * The design system's own tokens/fonts.css is an @import of the Google Fonts CSS2 endpoint, and it
 * is left byte-identical as authority. That file carries no design token — the family names live in
 * tokens/typography.css (--font-ui, --font-arabic) — so it is purely a delivery mechanism, and the
 * handoff notes explicitly that no font binaries ship with the package.
 *
 * This stylesheet registers exactly the same families at exactly the same weights from same-origin
 * WOFF2, and is linked immediately before tokens/fonts.css on every page. Nothing about the
 * typography changes: same families, same weights, same names. What changes is that the site keeps
 * its type when fonts.googleapis.com is slow, blocked by a network, or unavailable — and that no
 * visitor's request leaves the origin to render a page.
 *
 * Weights match the token file's request: Inter 400/500/600/700/800, IBM Plex Sans Arabic
 * 400/500/600/700. font-display: swap matches the token file's `&display=swap`.
 */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/inter-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/inter-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/inter-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/inter-latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/inter-latin-800-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2') format('woff2');
}