/* Binaura fonts.
   PRIMARY UI typeface in the source file is SF Pro Display / SF Compact Display
   (Apple system fonts — this is an iOS app). They render natively on Apple
   platforms. SF Pro/SF Compact are now SELF-HOSTED (user-uploaded .otf files,
   wired in tokens/sf-fonts.css) so they render on-brand off-device too.
   Manrope remains as the ultimate cross-platform fallback.
   Red Hat Display = large hero/display type; Poppins = small uppercase labels.
   Those three load from Google Fonts. See readme.md → Font substitution. */
@import url('./google-fonts.css');

:root {
  /* Font families — SF Pro first (native on Apple), Manrope as web fallback */
  --font-ui: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Manrope", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-compact: "SF Compact Display", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Manrope", sans-serif;
  --font-display: "Red Hat Display", "SF Pro Display", -apple-system, "Manrope", sans-serif;
  --font-label: "Poppins", "SF Pro Display", -apple-system, "Manrope", sans-serif;

  /* Weights used across the file */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 900;
}