/* Brutal dark — minimal custom layer on top of Tailwind */
:root {
  --bg: #0b0b0f;
  --panel: #101018;
  --text: #e7e7f0;
  --muted: rgba(231,231,240,.72);
  --accent: #d6ff00;
  --border: rgba(231,231,240,.16);
  --shadow: rgba(0,0,0,.55);
}
html, body { background: var(--bg); color: var(--text); }
.brutal-card {
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
  border: 2px solid var(--border);
  box-shadow: 8px 8px 0 var(--shadow);
}
.brutal-btn {
  border: 2px solid var(--border);
  box-shadow: 6px 6px 0 var(--shadow);
}
.brutal-btn:active {
  transform: translate(2px,2px);
  box-shadow: 4px 4px 0 var(--shadow);
}
.brutal-input {
  background: rgba(255,255,255,.02);
  border: 2px solid var(--border);
}
.badge-accent {
  border: 2px solid var(--border);
  background: rgba(214,255,0,.12);
  color: var(--accent);
}
.mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}