/* ==========================================================================
   SAN FRANCISCO (SF PRO & SF MONO) TYPEFACE SYSTEM - SOCIALUP
   Authentic Apple San Francisco Typography with Self-Hosted WOFF2
   ========================================================================== */

/* SF Pro Display - 400 Regular */
@font-face {
  font-family: 'SF Pro Display';
  src: local('SF Pro Display Regular'),
       local('SF Pro Display'),
       local('SF Pro'),
       local('-apple-system'),
       local('BlinkMacSystemFont'),
       url('../fonts/sf-pro/SFProDisplay-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* SF Pro Display - 500 Medium */
@font-face {
  font-family: 'SF Pro Display';
  src: local('SF Pro Display Medium'),
       local('SF Pro Display-Medium'),
       local('SF Pro Medium'),
       url('../fonts/sf-pro/SFProDisplay-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

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

/* SF Pro Display - 700 Bold */
@font-face {
  font-family: 'SF Pro Display';
  src: local('SF Pro Display Bold'),
       local('SF Pro Display-Bold'),
       local('SF Pro Bold'),
       url('../fonts/sf-pro/SFProDisplay-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* SF Pro Display - 800 Heavy */
@font-face {
  font-family: 'SF Pro Display';
  src: local('SF Pro Display Heavy'),
       local('SF Pro Display-Heavy'),
       local('SF Pro Heavy'),
       url('../fonts/sf-pro/SFProDisplay-Heavy.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* SF Pro Display - 900 Black */
@font-face {
  font-family: 'SF Pro Display';
  src: local('SF Pro Display Black'),
       local('SF Pro Display-Black'),
       local('SF Pro Black'),
       url('../fonts/sf-pro/SFProDisplay-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* SF Pro Alias */
@font-face {
  font-family: 'SF Pro';
  src: local('SF Pro Display Regular'), local('SF Pro Display'), local('SF Pro'), local('-apple-system'),
       url('../fonts/sf-pro/SFProDisplay-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro';
  src: local('SF Pro Display Medium'), local('SF Pro Medium'),
       url('../fonts/sf-pro/SFProDisplay-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro';
  src: local('SF Pro Display Semibold'), local('SF Pro Semibold'),
       url('../fonts/sf-pro/SFProDisplay-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro';
  src: local('SF Pro Display Bold'), local('SF Pro Bold'),
       url('../fonts/sf-pro/SFProDisplay-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro';
  src: local('SF Pro Display Heavy'), local('SF Pro Heavy'),
       url('../fonts/sf-pro/SFProDisplay-Heavy.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro';
  src: local('SF Pro Display Black'), local('SF Pro Black'),
       url('../fonts/sf-pro/SFProDisplay-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* San Francisco Alias */
@font-face {
  font-family: 'San Francisco';
  src: local('SF Pro Display Regular'), local('SF Pro Display'), local('SF Pro'), local('-apple-system'),
       url('../fonts/sf-pro/SFProDisplay-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'San Francisco';
  src: local('SF Pro Display Bold'), local('SF Pro Display-Bold'), local('SF Pro Bold'),
       url('../fonts/sf-pro/SFProDisplay-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* SF Mono - Technical Counters, Labels, Badges & Code */
@font-face {
  font-family: 'SF Mono';
  src: local('SF Mono Regular'), local('SFMono-Regular'), local('SF Mono'),
       url('../fonts/sf-pro/sf-mono-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Mono';
  src: local('SF Mono Medium'), local('SFMono-Medium'),
       url('../fonts/sf-pro/sf-mono-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Mono';
  src: local('SF Mono Semibold'), local('SFMono-Semibold'),
       url('../fonts/sf-pro/sf-mono-semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Mono';
  src: local('SF Mono Bold'), local('SFMono-Bold'),
       url('../fonts/sf-pro/sf-mono-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Legacy Overrides: Map old typeface references directly to San Francisco */
@font-face {
  font-family: 'SocialUpCustomFont';
  src: local('SF Pro Display'), local('SF Pro'), local('-apple-system'),
       url('../fonts/sf-pro/SFProDisplay-Regular.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Plus Jakarta Sans';
  src: local('SF Pro Display'), local('SF Pro'), local('-apple-system'),
       url('../fonts/sf-pro/SFProDisplay-Regular.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: local('SF Pro Display Regular'), local('SF Pro Display'), local('SF Pro'), local('-apple-system'),
       url('../fonts/sf-pro/SFProDisplay-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: local('SF Pro Display Medium'), local('SF Pro Medium'),
       url('../fonts/sf-pro/SFProDisplay-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: local('SF Pro Display Bold'), local('SF Pro Bold'),
       url('../fonts/sf-pro/SFProDisplay-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: local('SF Pro Display Black'), local('SF Pro Black'),
       url('../fonts/sf-pro/SFProDisplay-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Archivo';
  src: local('SF Pro Display Bold'), local('SF Pro Display'),
       url('../fonts/sf-pro/SFProDisplay-Bold.woff2') format('woff2');
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: local('SF Mono'), local('SFMono-Regular'),
       url('../fonts/sf-pro/sf-mono-regular.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}