/*
 * Sales Elite — self-hosted webfonts (Engine P4 theming).
 * Source: Satoshi (Indian Type Foundry, FFL — see Satoshi-LICENSE.txt),
 * pulled from the "Sales Elite Design System/Satoshi_Complete" WEB/woff2 pack.
 *
 * WHY self-hosted (no CDN): SOC 2 / privacy (no Fontshare/Google beacon on every
 * page load) + perf (served from our own origin, cache-controlled by us) + the
 * app must render the brand face even offline / behind a corporate proxy.
 *
 * Single family name `Satoshi` with numeric weights — components set
 * `font-family: var(--font-sans)` + a `font-weight` and the right cut resolves.
 * The variable cut (300–900) is declared LAST so UAs that support variable fonts
 * use it across the full range; the static cuts (400/500/700/900) are the
 * fallback for older engines and cover every weight the app actually uses.
 *
 * Loaded via <link> in index.html (NOT bundled by Vite) so the woff2 ship as
 * static assets under /fonts/ in dist — verifiably no remote font URL.
 */

/* ── Static cuts (fallback + the weights the app uses most) ── */
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/Satoshi-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/Satoshi-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/Satoshi-Bold.woff2') format('woff2');
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/Satoshi-Black.woff2') format('woff2');
  font-weight: 800 900;
  font-style: normal;
  font-display: swap;
}

/* ── Variable cut (300–900) — preferred where supported ── */
@font-face {
  font-family: 'Satoshi';
  src: url('/fonts/Satoshi-Variable.woff2') format('woff2-variations'),
       url('/fonts/Satoshi-Variable.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}