/* The page's own styles (were the expo-reset <style> in index.html; moved out so the Content-Security-Policy allows
   no inline style, code review E5). Unlike Expo's default page, the page itself scrolls (as on the live site), so
   iPhone Safari's tap-the-top-to-scroll and its toolbars work, and sticky and fixed bars behave as they do now. */
html,
body {
  min-height: 100%;
}
/* the live body: colors from the theme tokens (src/theme/tokens.ts; tests/theme-tokens.test.ts checks these too) */
body {
  margin: 0;
  background: #eaf1fa;
  color: #151a24;
  -webkit-tap-highlight-color: transparent;
}
:focus-visible {
  outline: 2px solid #2b4ba0;
  outline-offset: 2px;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }
  body {
    background: #0e1522;
    color: #e8ebf2;
  }
  :focus-visible {
    outline-color: #8fa8f0;
  }
}
#root {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
}