:root {
  --bg: #030405;
  --panel: #090b0d;
  --panel-strong: #0f1318;
  --line: rgba(255, 255, 255, 0.12);
  --text: #f6f7f8;
  --muted: rgba(246, 247, 248, 0.68);
  --hint: rgba(246, 247, 248, 0.42);
  --blue: #2d8cff;
  --green: #7cff47;
  --yellow: #ffcb45;
  --red: #ff6565;
  --shadow: rgba(0, 0, 0, 0.38);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family:
    "JetBrains Mono",
    "SFMono-Regular",
    "Consolas",
    "Liberation Mono",
    monospace;
  font-size: 13px;
  line-height: 1.35;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select {
  font: inherit;
}

.text-critical {
  color: var(--red);
}

.text-warning {
  color: var(--yellow);
}