/* Font families from the supplied website/srcv2/design-system/tokens.css.
   The reference supplies stacks, not font binaries; keep its exact fallbacks. */
:root {
  --ds-font-family-display:
    "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  --ds-font-family-text:
    "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  --display: var(--ds-font-family-display);
  --sans: var(--ds-font-family-text);
}

body,
.review-demo-root {
  font-family: var(--ds-font-family-text);
}

h1,
h2,
h3,
.a-hero-headline {
  font-family: var(--ds-font-family-display);
}