/* Rallio COACH MOBILE design fonts for the Claude Design bundle.
   These are react-native-web components: they self-style at runtime (RN-web
   injects atomic CSS as components mount — the bundle is self-styling, so
   validate's [CSS_RUNTIME] note is expected and non-blocking). The only global
   thing the bundle needs is the brand font families — the components reference
   'Archivo' / 'Hanken Grotesk' / 'Space Mono' by name (via the prebuild's
   theme-web.ts override), loaded here from Google Fonts. Token VALUES live in
   JS (apps/coach-mobile/src/constants/theme.ts Rally.light), not CSS vars. */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;700;800;900&family=Hanken+Grotesk:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');

html, body { margin: 0; padding: 0; }
body {
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  /* warm cream canvas (Rally.light bg) so cards/text sit on-brand */
  background: #FBF7F0;
  color: #15324B;
}