:root{
  --bg-dark:#121212;
  --bg-card:#1e1e1e;
  --text-light:#f5f5f5;
  --text-muted:#b3b3b3;
  --accent:#d4af37;
}

body{
  background:var(--bg-dark);
  color:var(--text-light);
  font-family:'Inter',sans-serif;
}

.container-narrow{max-width:860px}

.navbar{
  background:linear-gradient(90deg,#1a1a1a,#333);
  box-shadow:0 2px 15px rgba(0,0,0,.6);
}
.navbar .navbar-brand{
  color:var(--accent)!important;
  font-weight:600;
  letter-spacing:.5px;
}
.navbar .navbar-text{
  color:var(--text-light)!important;
}
.navbar a.btn-outline-accent{
  border-color:var(--accent)!important;
  color:var(--accent)!important;
}
.navbar a.btn-outline-accent:hover{
  background:var(--accent);
  color:#000!important;
}

h1,h2,h3,h4,h5{color:var(--text-light);margin:0 0 .6rem}
.item-title{color:var(--text-light)}
.text-muted{color:var(--text-muted)!important}

.card{
  background:var(--bg-card);
  border:1px solid #2d2d2d;
  box-shadow:0 8px 25px rgba(0,0,0,.5);
  color:var(--text-light);
  border-radius:10px;
}

.btn-accent{
  background:var(--accent);
  color:#000;
  border:0;
  font-weight:600;
  transition:.25s;
}
.btn-accent:hover{
  background:#b8952d;
  color:#000;
}

.btn-outline-accent{
  background:transparent;
  border:1px solid var(--accent);
  color:var(--accent);
  font-weight:600;
  transition:.25s;
}
.btn-outline-accent:hover{
  background:var(--accent);
  color:#000;
}

.btn-danger{
  background:#b51c1c;
  border:none;
  color:#fff;
  font-weight:600;
  transition:.25s;
}
.btn-danger:hover{
  background:#d62828;
  color:#fff;
}

.form-control,textarea{
  background:#2a2a2a;
  border:1px solid #444;
  color:var(--text-light);
}
.form-control:focus,textarea:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 .15rem rgba(212,175,55,.25);
  background:#2f2f2f;
  color:#fff;
}

.alert{
  background:#2d2d2d;
  color:#ccc;
  border:none;
}
.list-group-item{
  background:#1c1c1c;
  border:1px solid #333;
}
.list-group-item .text-muted{
  color:var(--text-muted)!important;
}

a{
  color:var(--accent);
  text-decoration:none;
  font-weight:500;
}
a:hover{
  text-decoration:underline;
  color:#f1c94e;
}