body { background-color: #121212; color: #fff; }
.btn-danger, .bg-danger, .btn-primary { background-color: #8b0000; border-color: #8b0000; }
.btn-danger:hover { background-color: #a30000; border-color: #a30000; }
a { color: #ff7b7b; }
.card img { object-fit: cover; }
.list-group-item { background-color: #1e1e1e; color: #fff; border-color: #333; }

:root {
  --pw-bg: #121212;
  --pw-panel: #1a1a1a;
  --pw-border: #333;
}

body {
  min-height: 100vh;
}

.hero-bg {
  background:
    radial-gradient(1200px 400px at 10% -20%, rgba(139, 0, 0, 0.35), transparent 50%),
    linear-gradient(180deg, #1a1a1a, #111);
  border: 1px solid var(--pw-border);
}

.table td,
.table th {
  border-color: var(--pw-border) !important;
}

.docs-content h1,
.docs-content h2,
.docs-content h3,
.docs-content h4 {
  margin-top: 1.2rem;
  margin-bottom: 0.6rem;
}

.docs-content p,
.docs-content li {
  color: #ddd;
}

.docs-content pre {
  background: #0f0f0f;
  border: 1px solid var(--pw-border);
  border-radius: 6px;
  padding: 0.85rem;
  overflow-x: auto;
}

.docs-content code {
  color: #ffb3b3;
}