/* Sales Pages Fonts - SF Pro Extended + Montserrat */
/* Only load for (sales) route group pages */

/* SF Pro Display Extended - 5 weights for sales pages */
@font-face {
  font-family: "SF Pro Display Extended";
  src: url("/assets/fonts/sf-pro-display/SF-Pro-Display-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display Extended";
  src: url("/assets/fonts/sf-pro-display/SF-Pro-Display-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display Extended";
  src: url("/assets/fonts/sf-pro-display/SF-Pro-Display-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display Extended";
  src: url("/assets/fonts/sf-pro-display/SF-Pro-Display-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Display Extended";
  src: url("/assets/fonts/sf-pro-display/SF-Pro-Display-Heavy.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* CSS Variables */
:root {
  --font-sf-display-pro:
    "SF Pro Display Extended", -apple-system, BlinkMacSystemFont, system-ui, Arial, sans-serif;
  --font-inter:
    -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", "Roboto", "Helvetica Neue", Arial,
    sans-serif;
}