@import url('https://fonts.googleapis.com/css2?family=Miniver&family=Cormorant+SC:wght@400;700&display=swap');

/* --- CONFIGURACIÓN GENERAL (ESTILO PERGAMINO) --- */
body {
  font-family: 'Cormorant SC', serif;
  background-color: #fdfcf0;
  /* Fondo crema/pergamino */
  color: #3b2a1a;
  /* Marrón muy oscuro para lectura perfecta */
  font-size: 18px;
}

/* --- BARRA DE NAVEGACIÓN (MARRÓN OSCURO) --- */
.navbar-inverse {
  background-color: #2d1f1f !important;
  /* Marrón oscuro */
  border-color: #2d1f1f !important;
}

.navbar-brand,
.navbar-nav>li>a {
  font-family: 'Miniver', cursive !important;
  color: #f7e8c6 !important;
  /* Letras doradas suaves */
  font-size: 16px !important;
  /* Reduced to 16px as requested */
}

/* --- PESTAÑAS (TABS) --- */
.nav-tabs-custom>.nav-tabs>li.active {
  border-top-color: #2d1f1f !important;
}

.nav-tabs-custom>.nav-tabs>li.active>a {
  background-color: #2d1f1f !important;
  /* Marrón oscuro */
  color: #fdfcf0 !important;
  /* Crema/Pergamino */
  font-weight: bold;
  border-left-color: #ddd;
  border-right-color: #ddd;
}

/* --- TEXTO DE CLASES Y CONTENIDO --- */
.chart-shim,
.tab-pane {
  background-color: #fdfcf0 !important;
  color: #3b2a1a !important;
}

/* Forzamos que los párrafos dentro de las pestañas sean grandes y oscuros */
p,
li {
  font-size: 1.1em;
  /* Reverted to original size */
  line-height: 1.6;
  color: #3b2a1a !important;
}

/* Specific Font Size for Class Stats */
div[data-value="Asesino"] p,
div[data-value="Guerrero"] p,
div[data-value="Mago"] p,
div[data-value="Asesino"] li,
div[data-value="Guerrero"] li,
div[data-value="Mago"] li {
  font-size: 1.3em;
  color: #5d4037 !important;
}

/* Fix for Enemies/Bosses Text Color on Black Background */
div[data-value="Enemigos"] p,
div[data-value="Jefes"] p,
div[data-value="Enemigos"] li,
div[data-value="Jefes"] li {
  color: #fdfcf0 !important;
  /* White/Cream text */
}

strong {
  color: #2d1f1f !important;
}

/* --- STORYBOARD (ENEMIGOS/JEFES) --- */
.storyboard .chart-shim {
  background-color: #fdfcf0 !important;
}

.storyboard .chart-shim p {
  font-size: 1.4em;
  /* Texto grande para las descripciones */
  color: #3b2a1a !important;
  font-weight: 500;
}

/* FINAL FIX: Override storyboard color for Enemies and Bosses */
#enemigos p,
#jefes p,
#enemigos h3,
#jefes h3,
#enemigos .section p,
#jefes .section p,
div[id^="enemigos"] p,
div[id^="jefes"] p {
  color: #fdfcf0 !important;
  /* White/Cream */
}