/* Self-hosted SF Pro — matches Figma names: SF Pro / SF Pro Text / SF Pro Display */

/* Shared face helper: each family gets the same weight map */

/* Thin — Figma weight ~200 */
@font-face {
  font-family: "SF Pro Display";
  src: local("SF Pro Display Thin"), local("SFProDisplay-Thin"),
    url("../fonts/SF-Pro-Display-Thin.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: local("SF Pro Text Thin"), local("SFProText-Thin"),
    url("../fonts/SF-Pro-Display-Thin.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro";
  src: local("SF Pro Thin"), local("SFPro-Thin"),
    url("../fonts/SF-Pro-Display-Thin.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* Light — 300 (map to Thin file for IAM italic phrases) */
@font-face {
  font-family: "SF Pro Display";
  src: local("SF Pro Display Light"), local("SFProDisplay-Light"), local("SF Pro Display Thin"),
    url("../fonts/SF-Pro-Display-Thin.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: local("SF Pro Display Light Italic"), local("SFProDisplay-LightItalic"), local("SF Pro Display Thin"),
    url("../fonts/SF-Pro-Display-Thin.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: local("SF Pro Text Light"), local("SFProText-Light"),
    url("../fonts/SF-Pro-Display-Thin.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: local("SF Pro Text Light Italic"), local("SFProText-LightItalic"),
    url("../fonts/SF-Pro-Display-Thin.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro";
  src: local("SF Pro Light"), local("SFPro-Light"),
    url("../fonts/SF-Pro-Display-Thin.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro";
  src: local("SF Pro Light Italic"), local("SFPro-LightItalic"),
    url("../fonts/SF-Pro-Display-Thin.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Regular — 400 */
@font-face {
  font-family: "SF Pro Display";
  src: local("SF Pro Display"), local("SFProDisplay-Regular"),
    url("../fonts/SFPRODISPLAYREGULAR.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: local("SF Pro Text"), local("SFProText-Regular"),
    url("../fonts/SFPRODISPLAYREGULAR.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro";
  src: local("SF Pro"), local("SFPro-Regular"),
    url("../fonts/SFPRODISPLAYREGULAR.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Medium — 500 + Figma 510 */
@font-face {
  font-family: "SF Pro Display";
  src: local("SF Pro Display Medium"), local("SFProDisplay-Medium"),
    url("../fonts/SFPRODISPLAYMEDIUM.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: local("SF Pro Display Medium"), local("SFProDisplay-Medium"),
    url("../fonts/SFPRODISPLAYMEDIUM.woff") format("woff");
  font-weight: 510;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: local("SF Pro Text Medium"), local("SFProText-Medium"),
    url("../fonts/SFPRODISPLAYMEDIUM.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: local("SF Pro Text Medium"), local("SFProText-Medium"),
    url("../fonts/SFPRODISPLAYMEDIUM.woff") format("woff");
  font-weight: 510;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro";
  src: local("SF Pro Medium"), local("SFPro-Medium"),
    url("../fonts/SFPRODISPLAYMEDIUM.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro";
  src: local("SF Pro Medium"), local("SFPro-Medium"),
    url("../fonts/SFPRODISPLAYMEDIUM.woff") format("woff");
  font-weight: 510;
  font-style: normal;
  font-display: swap;
}

/* Semibold — 600 */
@font-face {
  font-family: "SF Pro Display";
  src: local("SF Pro Display Semibold"), local("SFProDisplay-Semibold"),
    url("../fonts/SF-Pro-Display-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: local("SF Pro Text Semibold"), local("SFProText-Semibold"),
    url("../fonts/SF-Pro-Display-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro";
  src: local("SF Pro Semibold"), local("SFPro-Semibold"),
    url("../fonts/SF-Pro-Display-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Bold — 700 */
@font-face {
  font-family: "SF Pro Display";
  src: local("SF Pro Display Bold"), local("SFProDisplay-Bold"),
    url("../fonts/SFPRODISPLAYBOLD.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: local("SF Pro Text Bold"), local("SFProText-Bold"),
    url("../fonts/SFPRODISPLAYBOLD.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro";
  src: local("SF Pro Bold"), local("SFPro-Bold"),
    url("../fonts/SFPRODISPLAYBOLD.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}