/* Dark theme with red accent color customization */
:root {
  --bs-body-bg: #060606;
  --bs-body-color: #fdf7f2;
  --bs-danger: #ff3b3b;
  --bs-danger-rgb: 255, 59, 59;
  --bs-secondary-bg: rgba(255, 255, 255, 0.05);
}

body {
  font-family: "Trebuchet MS", "Comic Sans MS", sans-serif;
  line-height: 1.6;
}

/* Bootstrap card customization */
.card {
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid #6e1f1f;
  border-radius: 16px;
}

.card-body {
  padding: 1.25rem;
}

/* Stat cards styling */
.stat-card {
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid #6e1f1f;
  box-shadow: 0 0 0 3px rgba(255, 59, 59, 0.15);
}

/* Hero card styling */
.hero-card {
  box-shadow: 0 0 0 3px rgba(255, 59, 59, 0.15);
}

/* Headings in red accent color */
h1, h2, h3 {
  color: #ff3b3b;
}

/* Eyebrow text styling */
.eyebrow {
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #ff3b3b;
  font-size: 0.875rem;
}

/* Hero tagline muted color */
.hero-tagline {
  color: #c8b6b6;
}

/* Stat numbers in red */
.stat-number {
  font-size: 2rem;
  font-weight: bold;
  margin: 0.3rem 0;
}

/* Portrait and poster images styling */
.portrait-img,
.poster-img {
  border: 3px solid #ff3b3b;
  border-radius: 12px;
}

/* Progress bar gradient */
.progress-bar {
  background: linear-gradient(90deg, #ff3b3b, #ff8d3d) !important;
}

/* Button styling */
.btn-danger {
  background: #ff3b3b;
  border-color: #ff3b3b;
}

.btn-danger:hover {
  background: #ff5555;
  border-color: #ff5555;
}

.btn-outline-danger {
  color: #ff3b3b;
  border-color: #ff3b3b;
}

.btn-outline-danger:hover {
  background: #ff3b3b;
  color: #fdf7f2;
}

/* Navigation link hover effect */
.nav-link:hover {
  color: #ff3b3b !important;
}

/* Dashboard grid */
.dashboard-grid .card {
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid #6e1f1f;
}

/* Footer styling */
footer {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Responsive adjustments */
@media (max-width: 700px) {
  .display-4 {
    font-size: 2rem;
  }
}