/* ==========================================================================
   THEMES CSS — MARTINEZ BOOKSTORE
   Variáveis e estilos específicçãos para cada gênero literário
   ========================================================================== */

/* 
   TEMA: TERROR (Sombrio, Suspense Psicológico) 
   Baseia-se na paleta original do site.
*/
.theme-terror {
  --bg-deep: #07090d;
  --bg-primary: #0a0d13;
  --bg-surface: #10141d;
  --bg-card: #151a24;
  --bg-card-hover: #1b212e;
  
  --accent-primary: #d4af37; /* gold */
  --accent-secondary: #7b1e38; /* wine */
  
  --hero-gradient: linear-gradient(135deg, #0a0d13 0%, #1a0a14 100%);
  --hero-font: 'Cinzel', serif;
}

/* 
   TEMA: SUSPENSE POLICIAL (Noir, Investigação) 
*/
.theme-policial {
  --bg-deep: #050505;
  --bg-primary: #080808;
  --bg-surface: #0f1115;
  --bg-card: #14171c;
  --bg-card-hover: #1a1e24;
  
  --accent-primary: #f5c518; /* yellow investigation */
  --accent-secondary: #e63946; /* red */
  
  --gold-gradient: linear-gradient(135deg, #ffe066 0%, #f5c518 50%, #b38b00 100%);
  --gold-gradient-hover: linear-gradient(135deg, #ffffff 0%, #ffe066 50%, #f5c518 100%);
  --gold-glow: rgba(245, 197, 24, 0.28);
  --gold-border: rgba(245, 197, 24, 0.22);
  --gold-300: #ffeca3;
  --gold-400: #ffe066;
  --gold-500: #f5c518;
  
  --hero-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  --hero-font: 'Playfair Display', serif;
}

/* 
   TEMA: ROMANCE (Quente, Acolhedor, Elegante) 
*/
.theme-romance {
  --bg-deep: #1a0a1e;
  --bg-primary: #220e26;
  --bg-surface: #2d1540;
  --bg-card: #351a4a;
  --bg-card-hover: #402059;
  
  --accent-primary: #f0a8c0; /* soft pink */
  --accent-secondary: #c96f8f; /* deep pink */

  --gold-gradient: linear-gradient(135deg, #fce0e8 0%, #f0a8c0 50%, #c96f8f 100%);
  --gold-gradient-hover: linear-gradient(135deg, #ffffff 0%, #fce0e8 50%, #f0a8c0 100%);
  --gold-glow: rgba(240, 168, 192, 0.28);
  --gold-border: rgba(240, 168, 192, 0.22);
  --gold-300: #fce0e8;
  --gold-400: #f6c4d4;
  --gold-500: #f0a8c0;
  
  --hero-gradient: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 50%, #ffecd2 100%);
  --hero-font: 'Playfair Display', serif;
}

/* 
   TEMA: INFANTIL (Alegre, Colorido, Lúdico) 
*/
.theme-infantil {
  --bg-deep: #f0f7ff;
  --bg-primary: #fefffe;
  --bg-surface: #e8f4fd;
  --bg-card: #ffffff;
  --bg-card-hover: #fcfcfc;
  
  --text-primary: #1a1a1a;
  --text-secondary: #333333;
  --text-muted: #777777;
  
  --accent-primary: #ff6b6b; /* coral */
  --accent-secondary: #4ecdc4; /* turquoise */
  
  --gold-gradient: linear-gradient(135deg, #ff9e9e 0%, #ff6b6b 50%, #e65050 100%);
  --gold-gradient-hover: linear-gradient(135deg, #ffffff 0%, #ff9e9e 50%, #ff6b6b 100%);
  --gold-glow: rgba(255, 107, 107, 0.28);
  --gold-border: rgba(255, 107, 107, 0.22);
  --gold-300: #ffbaba;
  --gold-400: #ff9e9e;
  --gold-500: #ff6b6b;
  
  --hero-gradient: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
  --hero-font: 'Plus Jakarta Sans', sans-serif;
}

/* Ajustes no header e background globais baseados no tema */
body {
  background-color: var(--bg-primary, #0a0d13);
  color: var(--text-primary, #f8fafc);
}

.site-header.scrolled {
  background: rgba(10, 13, 19, 0.78);
}
.theme-policial .site-header.scrolled { background: rgba(8, 8, 8, 0.78); border-color: rgba(245, 197, 24, 0.2); }
.theme-romance .site-header.scrolled { background: rgba(34, 14, 38, 0.78); border-color: rgba(240, 168, 192, 0.2); }
.theme-infantil .site-header.scrolled { background: rgba(254, 255, 254, 0.9); border-color: rgba(255, 107, 107, 0.2); }

/* Tema Infantil especificidades */
.theme-infantil .site-header .logo-link { color: var(--text-primary); }
.theme-infantil .nav-link { color: var(--text-secondary); }
.theme-infantil .nav-link:hover, .theme-infantil .nav-link.active { color: var(--accent-primary); }
.theme-infantil .header-cta { border-color: var(--accent-primary); color: var(--accent-primary); background: rgba(255, 107, 107, 0.06); }
.theme-infantil .book-card { border-color: rgba(0,0,0,0.08); box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
.theme-infantil .book-card:hover { border-color: var(--accent-primary); box-shadow: 0 16px 40px rgba(0,0,0,0.1); }
.theme-infantil .book-title { color: var(--text-primary); }
.theme-infantil .book-subtitle { color: var(--text-secondary); }
.theme-infantil .book-short-synopsis { color: var(--text-secondary); }
.theme-infantil .section-tag { background: rgba(255, 107, 107, 0.1); border-color: rgba(255, 107, 107, 0.2); color: var(--accent-primary); }
.theme-infantil .section-tag::before { color: var(--accent-primary); }
.theme-infantil .section-title { color: var(--text-primary); }
.theme-infantil .book-card-header { background: linear-gradient(180deg, rgba(255,255,255,0.4) 0%, transparent 100%); }
.theme-infantil .author-section { background: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-surface) 50%, var(--bg-primary) 100%); }

/* Hero Específicção da Página por Gênero */
.genre-hero {
  position: relative;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8rem 0 4rem 0;
  text-align: center;
  background: var(--hero-gradient);
  overflow: hidden;
}

.genre-hero-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
}

.genre-title {
  font-family: var(--hero-font);
  font-size: 3.5rem;
  margin-bottom: 1rem;
  color: var(--text-primary, #f8fafc);
}

.theme-infantil .genre-title {
  color: #1a1a1a;
  text-shadow: 2px 2px 0px rgba(255,255,255,0.8);
}
.theme-infantil .genre-subtitle {
  color: #333;
  font-weight: 600;
}

.genre-subtitle {
  font-size: 1.25rem;
  color: var(--text-secondary, #cbd5e1);
  margin-bottom: 2rem;
}