:root {
  --bg-primary: #0d1117;
  --bg-secondary: #161b22;
  --bg-tertiary: #21262d;
  --text-primary: #e6edf3;
  --text-secondary: #8b949e;
  --text-accent: #58a6ff;
  --text-green: #3fb950;
  --text-yellow: #d29922;
  --border-color: #30363d;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
}

body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  font-family: var(--font-mono);
  margin: 0;
  padding: 20px;
}

.container {
  max-width: 800px;
  margin: 0 auto;
}

header {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.prompt {
  color: var(--text-green);
  font-weight: bold;
}

.terminal-card {
  background-color: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 20px;
  margin-top: 20px;
}

.output {
  white-space: pre-wrap;
  color: var(--text-green);
  line-height: 1.5;
}

.label {
    color: var(--text-yellow);
    display: inline-block;
    width: 150px;
}

.value {
    color: var(--text-primary);
}