:root {
  --bg: #101827;
  --panel: #1f2a3a;
  --panel2: #243041;
  --text: #dce3ea;
  --muted: #9aa6b2;
  --border: #334155;
  --link: #4caf50;
  --link-hover: #7bd97f;
  --button: #2f855a;
  --button-hover: #276749;
  --code-bg: #0b1220;
}

html, body {
  background: var(--bg);
  color: var(--text);
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
  color: var(--link);
}

a:hover {
  color: var(--link-hover);
}

input, select, textarea, button {
  background: var(--panel);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 6px;
}

button,
input[type="submit"],
input[type="button"] {
  background: var(--button);
  color: #fff;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background: var(--button-hover);
}

pre, code {
  background: var(--code-bg);
  color: var(--text);
  border: 1px solid var(--border);
}

table, th, td, hr, blockquote {
  border-color: var(--border);
}