/* Fonts — Aperture Design System
 *
 * The source brand uses SF Pro Display / SF Pro Text (proprietary, Apple).
 * On Apple platforms the system-ui / -apple-system stack resolves to the real
 * SF Pro, so we lead with it. For every other platform we ship Inter (the
 * closest open-source equivalent, recommended by the source spec itself).
 *
 * SUBSTITUTION FLAG: Inter stands in for SF Pro on non-Apple platforms.
 * If you have licensed SF Pro webfonts, drop the .woff2 files in assets/fonts/
 * and add @font-face rules here for "SF Pro Display" / "SF Pro Text".
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  /* SF Pro Display resolves natively on Apple platforms; Inter elsewhere. */
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display",
    system-ui, "Inter", sans-serif;
  --font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text",
    system-ui, "Inter", sans-serif;

  /* Inter approximates SF Pro's rounded 'a' with the ss03 stylistic set. */
  --font-features-display: "ss03" 1;
}