html,
body,
#root {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: Roboto, Arial, sans-serif;
  background-color: #ffffff;
  color: #212121;
  overscroll-behavior-y: contain;
  -webkit-tap-highlight-color: transparent;
}

/* Cores da Vivo */
:root {
  --vivo-purple: #660099;
  --vivo-purple-light: #8a2be2;
  --vivo-white: #ffffff;
}

/* PWA display mode styles */
@media (display-mode: standalone), (display-mode: fullscreen) {
  body {
    padding: env(safe-area-inset-top) env(safe-area-inset-right)
      env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}