:root {
  --bg: #0d1117;
  --surface: #161b22;
  --surface-2: #1f2937;
  --surface-3: #21262d;
  --border: #30363d;
  --border-soft: rgba(240, 246, 252, 0.08);
  --text: #c9d1d9;
  --text-bright: #f0f6fc;
  --muted: #8b949e;
  --blue: #58a6ff;
  --green: #3fb950;
  --yellow: #e3b341;
  --orange: #f0883e;
  --red: #ff7b72;
  --purple: #bc8cff;
  --topbar-h: 42px;
  --status-h: 24px;
  --activity-w: 50px;
  --explorer-w: 210px;
  --panel-h: 190px;
  --editor-line-height: 28px;
  --editor-pad-y: 25px;
  --editor-pad-x: 10px;
  --editor-content-pad-bottom: 180px;
  --editor-readable-width: 920px;
  --editor-wide-width: 1120px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  min-height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 12%, rgba(88, 166, 255, 0.08), transparent 28%),
    linear-gradient(135deg, #0d1117 0%, #111827 48%, #0d1117 100%);
  color: var(--text);
  font-family: "Cascadia Code", "Fira Code", Consolas, "SFMono-Regular", monospace;
}

button,
a {
  font: inherit;
}

button {
  border: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
}