/* Self-hosted SF Pro — matches icloud.com Apple CDN families */

@font-face {
  font-family: "SF Pro Icons";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../assets/fonts/SF-Pro-Icons-Regular.woff2") format("woff2");
}

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

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

@font-face {
  font-family: "SF Pro Text";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../assets/fonts/SF-Pro-Text-Regular.woff2") format("woff2");
}

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

/* Prevent hydrated SSR from downgrading to system-ui when apple-system-font-capable slips in */
[apple-system-font-capable] .landing-page-icloud-hero h1,
[apple-system-font-capable] .landing-page .description,
[apple-system-font-capable] .landing-page .tile-title {
  font-family: "SF Pro Display", "Helvetica Neue", sans-serif;
}

[apple-system-font-capable] body,
[apple-system-font-capable] .landing-page-content,
[apple-system-font-capable] .tile-description,
[apple-system-font-capable] .legal-footer,
[apple-system-font-capable] ui-button.push.sign-in-button,
[apple-system-font-capable] .cloudos-toolbar {
  font-family: "SF Pro Text", "Helvetica Neue", sans-serif;
}