/* ============================================================
   FONTS — SF Pro is Apple's proprietary system font.
   On Apple platforms `system-ui`/`-apple-system` resolves to
   the real SF Pro. For everything else we ship Inter (the
   documented open-source substitute) via Google Fonts, with
   ss03 to approximate SF Pro's rounded "a".
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

/* ------------------------------------------------------------
   SF Pro is proprietary and is NOT bundled. These faces resolve
   the OS-installed copy via local() only (no shipped binary). On
   Apple platforms they bind to the real SF Pro; everywhere else
   every local() misses and the family falls through to Inter in
   the --font-* stacks below. Drop licensed woff2 files in
   assets/fonts/ and add url() sources here to ship them.
   ------------------------------------------------------------ */
@font-face {
  font-family: 'SF Pro Display'; font-weight: 300; font-style: normal; font-display: swap;
  src: local('SF Pro Display Light'), local('SFProDisplay-Light'), local('SF Pro Display');
}
@font-face {
  font-family: 'SF Pro Display'; font-weight: 400; font-style: normal; font-display: swap;
  src: local('SF Pro Display Regular'), local('SFProDisplay-Regular'), local('SF Pro Display');
}
@font-face {
  font-family: 'SF Pro Display'; font-weight: 600; font-style: normal; font-display: swap;
  src: local('SF Pro Display Semibold'), local('SFProDisplay-Semibold'), local('SF Pro Display');
}
@font-face {
  font-family: 'SF Pro Display'; font-weight: 700; font-style: normal; font-display: swap;
  src: local('SF Pro Display Bold'), local('SFProDisplay-Bold'), local('SF Pro Display');
}
@font-face {
  font-family: 'SF Pro Text'; font-weight: 300; font-style: normal; font-display: swap;
  src: local('SF Pro Text Light'), local('SFProText-Light'), local('SF Pro Text');
}
@font-face {
  font-family: 'SF Pro Text'; font-weight: 400; font-style: normal; font-display: swap;
  src: local('SF Pro Text Regular'), local('SFProText-Regular'), local('SF Pro Text');
}
@font-face {
  font-family: 'SF Pro Text'; font-weight: 600; font-style: normal; font-display: swap;
  src: local('SF Pro Text Semibold'), local('SFProText-Semibold'), local('SF Pro Text');
}
@font-face {
  font-family: 'SF Pro Text'; font-weight: 700; font-style: normal; font-display: swap;
  src: local('SF Pro Text Bold'), local('SFProText-Bold'), local('SF Pro Text');
}

:root {
  /* Display ≥19px — headlines. Real SF Pro Display on Apple OSes. */
  --font-display: system-ui, -apple-system, BlinkMacSystemFont,
    'SF Pro Display', 'Inter', sans-serif;
  /* Body / UI <20px — paragraphs, captions, buttons, links. */
  --font-text: system-ui, -apple-system, BlinkMacSystemFont,
    'SF Pro Text', 'Inter', sans-serif;

  /* ss03 nudges Inter's "a" toward SF Pro; harmless on real SF Pro */
  --font-features: 'ss03' 1;
}