html,
body,
#root {
  background-color: var(--app-background, #ffffff);
  color: var(--app-foreground, #121212);
  min-height: 100%;
}

@media (prefers-color-scheme: dark) {
  html,
  body,
  #root {
    background-color: var(--app-background, #121212);
    color: var(--app-foreground, #f5f5f5);
  }
}

/* Expo dev LogBox host — inert shell; toast interactivity is restored inside shadow DOM (see patch-expo-log-box.js) */
#error-toast {
  position: fixed !important;
  top: unset !important;
  left: unset !important;
  right: unset !important;
  bottom: unset !important;
  width: 0;
  height: 0;
  overflow: visible;
  pointer-events: none;
  margin: 0;
  padding: 0;
  border: none;
}