/*
 * The app stylesheet.
 *
 * Served as a real file rather than inlined in the HTML shell: Expo SDK 58
 * strips style elements out of a custom +html.tsx, so inline CSS never
 * reaches the page.
 */
@font-face { font-family: 'Manrope_400Regular'; src: url('/fonts/Manrope_400Regular.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Manrope_500Medium'; src: url('/fonts/Manrope_500Medium.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Manrope_600SemiBold'; src: url('/fonts/Manrope_600SemiBold.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Manrope_700Bold'; src: url('/fonts/Manrope_700Bold.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'Manrope_800ExtraBold'; src: url('/fonts/Manrope_800ExtraBold.ttf') format('truetype'); font-display: swap; }


:root { color-scheme: light dark; }
html, body {
  margin: 0;
  padding: 0;
  background: ${BG_LIGHT};
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
@media (prefers-color-scheme: dark) {
  html, body { background: ${BG_DARK}; }
}
#root {
  display: flex;
  flex: 1;
  min-height: 100%;
  max-width: 430px;
  margin: 0 auto;
  width: 100%;
  background: inherit;
}
@media (min-width: 460px) {
  body { background: #E6E6E0; }
  @media (prefers-color-scheme: dark) { body { background: #0C0E11; } }
  #root {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.06);
  }
}
/* The signing avatar is a canvas inside an iframe; never let it be selected
   or long-pressed into a context menu. */
iframe { border: 0; }