/* ═════════════════════════════════════════════════════════════════
   Brand Fonts — hosted @font-face declarations
   ─────────────────────────────────────────────────────────────────
   Drop this <link> into any HTML page that uses the token bundle:

     <link rel="stylesheet"
           href="https://sfdc-ui-documentation-667d4c5e8394.herokuapp.com/dms-design-tokens/fonts.css" />

   Or if you downloaded the zip locally, reference the local copy:

     <link rel="stylesheet" href="./dms-design-tokens/fonts.css" />

   Salesforce fonts load from the hosted docs site (Monotype-licensed).

   Fallback chain: if hosted fonts are unreachable, the browser
   falls through to the next family in the stack declared by
   tokens.css (ITC Avant Garde → Arial → sans-serif).
   ═════════════════════════════════════════════════════════════════ */

/* ═══════════════ SALESFORCE ═══════════════════════════════════ */

/* ─── Display: Avant Garde For Salesforce (Demi 600) ──────────── */
@font-face {
  font-family: "Avant Garde For Salesforce";
  src: url("./fonts/AvantGardeForSalesforceW05-Dm.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* ─── Display fallback: ITC Avant Garde (Demi 600) ────────────── */
@font-face {
  font-family: "ITC Avant Garde";
  src:
    url("./fonts/ITCAvantGardeGothic-Demi.woff2") format("woff2"),
    url("./fonts/ITCAvantGardeGothic-Demi.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* ─── Body: Salesforce Sans Regular (400) ─────────────────────── */
@font-face {
  font-family: "Salesforce Sans";
  src: url("./fonts/SalesforceSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ─── Body: Salesforce Sans Italic (400) ──────────────────────── */
@font-face {
  font-family: "Salesforce Sans";
  src: url("./fonts/SalesforceSans-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* ─── Body: Salesforce Sans Bold (700) ────────────────────────── */
@font-face {
  font-family: "Salesforce Sans";
  src: url("./fonts/SalesforceSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}