/* src/styles.css */
:root {
  --buncss-light: ;
  --buncss-dark: initial;
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}

body {
  background-color: #0d1117;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, sans-serif;
}

.graphiql-container {
  --color-base: #0d1117;
  --color-primary: 88, 166, 255;
  height: 100%;
}

.graphiql-container .graphiql-sidebar {
  background-color: #161b22;
  border-color: #30363d;
}

.graphiql-container .graphiql-editor, .graphiql-container .graphiql-response {
  background-color: #0d1117;
}

.graphiql-container .graphiql-doc-explorer-header, .graphiql-container .graphiql-history-header {
  background-color: #161b22;
}