/* ==========================================================================
   WellWave — Fonts
   --------------------------------------------------------------------------
   WellWave ships the SF Pro Display family, now SELF-HOSTED from the brand
   .OTF files in /fonts (no longer relying on the local Apple system install).
   Upright text uses Regular (400) / Medium (500) / Bold (700); the remaining
   uploaded faces are italics across the weight ramp (100–900). SF Pro Text /
   SF Mono still resolve through the native stack as graceful fallbacks.
   Headlines and body share the same SF stack — weight + tracking carry the
   hierarchy, not a separate display face.
   ========================================================================== */

/* ── Self-hosted SF Pro Display (uploaded brand files) ───────────────────── */
@font-face {
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/SFPRODISPLAYREGULAR.OTF') format('opentype');
}
@font-face {
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/SFPRODISPLAYMEDIUM.OTF') format('opentype');
}
@font-face {
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/SFPRODISPLAYBOLD.OTF') format('opentype');
}
@font-face {
  font-family: 'SF Pro Display';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/SFPRODISPLAYULTRALIGHTITALIC.OTF') format('opentype');
}
@font-face {
  font-family: 'SF Pro Display';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/SFPRODISPLAYTHINITALIC.OTF') format('opentype');
}
@font-face {
  font-family: 'SF Pro Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/SFPRODISPLAYLIGHTITALIC.OTF') format('opentype');
}
@font-face {
  font-family: 'SF Pro Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/SFPRODISPLAYSEMIBOLDITALIC.OTF') format('opentype');
}
@font-face {
  font-family: 'SF Pro Display';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/SFPRODISPLAYHEAVYITALIC.OTF') format('opentype');
}
@font-face {
  font-family: 'SF Pro Display';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/SFPRODISPLAYBLACKITALIC.OTF') format('opentype');
}

/* ── SF Pro Text — resolved from the local Apple install until the brand
   .OTF files are uploaded. Keeps body/headline on their intended family
   (SF Pro Text) with a graceful native fallback; no substitute family. ── */
@font-face {
  font-family: 'SF Pro Text';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('SF Pro Text'), local('SFProText-Regular'), local('-apple-system');
}
@font-face {
  font-family: 'SF Pro Text';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('SF Pro Text Medium'), local('SFProText-Medium'), local('-apple-system');
}
@font-face {
  font-family: 'SF Pro Text';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('SF Pro Text Semibold'), local('SFProText-Semibold'), local('-apple-system');
}
@font-face {
  font-family: 'SF Pro Text';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('SF Pro Text Bold'), local('SFProText-Bold'), local('-apple-system');
}

:root {
  --ww-font-display:
    'SF Pro Display', 'SF Pro Icons', -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
    Helvetica, Arial, system-ui, sans-serif;
  --ww-font-headline:
    'SF Pro Text', 'SF Pro Icons', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica,
    Arial, system-ui, sans-serif;
  --ww-font-body:
    'SF Pro Text', 'SF Pro Icons', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica,
    Arial, system-ui, sans-serif;
  --ww-font-mono: 'SF Mono', ui-monospace, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;

  /* Public aliases */
  --ww-font-sans: var(--ww-font-body);
  --ww-font-serif: var(--ww-font-display);
  --font-sans: var(--ww-font-sans);
  --font-serif: var(--ww-font-display);
  --font-mono: var(--ww-font-mono);
}