/* SF Pro — site geneli */
@font-face {
  font-family: "SF Pro Text";
  src: local("SF Pro Text"), local(".SF NS Text"),
       url("../fonts/sf-pro/SF-Pro-Text-Regular-subset.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: local("SF Pro Text Medium"), local(".SF NS Text Medium"),
       url("../fonts/sf-pro/SF-Pro-Text-Medium-subset.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: local("SF Pro Text Semibold"), local(".SF NS Text Semibold"),
       url("../fonts/sf-pro/SF-Pro-Text-Semibold-subset.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: local("SF Pro Text Bold"), local(".SF NS Text Bold"),
       url("../fonts/sf-pro/SF-Pro-Text-Bold-subset.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: local("SF Pro Display"), local(".SF NS Display"),
       url("../fonts/sf-pro/SF-Pro-Display-Regular-subset.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: local("SF Pro Display Bold"), local(".SF NS Display Bold"),
       url("../fonts/sf-pro/SF-Pro-Display-Bold-subset.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-sans: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

html, body,
button, input, select, textarea, optgroup,
.font-sans, .font-body, .prose,
h1, h2, h3, h4, h5, h6,
.mobile-nav-label, .mobile-section-title {
  font-family: var(--font-sans) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, .text-2xl, .text-3xl, .text-4xl, .logo-gradient {
  font-family: var(--font-display) !important;
  letter-spacing: -0.015em;
}