:root{
  --tb-bg:#070707;
  --tb-card:#0f0f0f;
  --tb-red:#b30000;
}

.twelvebeds-body{
  background: radial-gradient(1200px 700px at 20% 10%, rgba(179,0,0,.20), transparent 55%),
              radial-gradient(900px 600px at 90% 20%, rgba(179,0,0,.14), transparent 60%),
              var(--tb-bg);
  color:#f2f2f2;
}

.site-header .navbar-brand{ letter-spacing:.08em; }

.page-hero{
  padding: 5rem 0 3rem;
  background: linear-gradient(180deg, rgba(179,0,0,.20), transparent 65%);
  border-bottom: 1px solid rgba(179,0,0,.25);
}

.page-hero h1{
  font-weight: 800;
  letter-spacing:.12em;
}

.card.tb-card{
  background: var(--tb-card);
  border: 1px solid rgba(255,255,255,.07);
  color:#f2f2f2;
}

.tb-muted{ color: rgba(255,255,255,.75); }

.tb-badge{
  border: 1px solid rgba(179,0,0,.35);
  color:#ffdddd;
  background: rgba(179,0,0,.12);
}

.tb-link{ color:#ffb3b3; }
.tb-link:hover{ color:#ffd6d6; }

.tb-grid-img{
  width:100%;
  height: 220px;
  object-fit: cover;
  border-radius: .75rem;
}

.tb-crew-img{
  width:100%;
  height: 260px;
  object-fit: cover;
  border-radius: .75rem;
}

.footer{ color:#f2f2f2; }

.form-control, .form-select{
  background: #0b0b0b;
  border: 1px solid rgba(255,255,255,.10);
  color:#f2f2f2;
}

.form-control:focus, .form-select:focus{
  background: #0b0b0b;
  color:#f2f2f2;
  border-color: rgba(179,0,0,.55);
  box-shadow: 0 0 0 .25rem rgba(179,0,0,.20);
}

.btn-danger{
  background: var(--tb-red);
  border-color: var(--tb-red);
}

.pagination .page-link{
  background:#0b0b0b;
  border-color: rgba(255,255,255,.10);
  color:#f2f2f2;
}
.pagination .page-link:hover{ border-color: rgba(179,0,0,.45); }
.pagination .active>.page-link{
  background: rgba(179,0,0,.85);
  border-color: rgba(179,0,0,.85);
}