@import "../../node_modules/graphiql/graphiql.min.css";

body {
  margin: 0;
}
#root {
  height: 100vh;
}
.graphiql-container,
.CodeMirror-info,
.CodeMirror-lint-tooltip,
reach-portal {
  --font-family: system-ui;
}

button {
  font-family: inherit;
}

@media (prefers-color-scheme: dark) {
  body:not(.graphiql-light) .graphiql-container,
  body:not(.graphiql-light) .CodeMirror-info,
  body:not(.graphiql-light) .CodeMirror-lint-tooltip,
  body:not(.graphiql-light) reach-portal {
    --color-base: 219deg 19.61% 7.87%;
  }
}
