/* Per-genre theming. Activated by `body[data-genre="<slug>"]` set from JS. */

/* Romance — borgoña, rosa empolvado, crema, serif elegante */
body[data-genre="romance"] {
  --bg: linear-gradient(180deg, #fff5f7 0%, #fde4ec 100%);
  --surface: #fff8fb;
  --surface-alt: #fce7f0;
  --text: #4a1d2c;
  --text-muted: #8a4a5e;
  --border: #f3c2d3;
  --input-border: #e8a4bb;
  --status-bg: #fce4ec;
  --status-text: #831843;
  --accent: #9d174d;
  --accent-bg: #fff1f5;
  --accent-hover: #fce4ec;
  --header-font: "Cormorant Garamond", Georgia, serif;
  --body-font: "Cormorant Garamond", Georgia, serif;
  --table-font: "Cormorant Garamond", Georgia, serif;
}

/* Ciencia ficción — cyber neón, mono futurista */
body[data-genre="ciencia-ficcion"] {
  --bg: radial-gradient(ellipse at top, #1a0d3a 0%, #060418 70%);
  --surface: rgba(20, 12, 50, 0.85);
  --surface-alt: rgba(40, 24, 90, 0.6);
  --text: #c5f1ff;
  --text-muted: #7aa9c9;
  --border: #2d1b6a;
  --input-border: #4c2fa8;
  --status-bg: rgba(34, 211, 238, 0.15);
  --status-text: #67e8f9;
  --accent: #22d3ee;
  --accent-bg: rgba(34, 211, 238, 0.1);
  --accent-hover: rgba(34, 211, 238, 0.25);
  --header-font: "JetBrains Mono", Menlo, monospace;
  --body-font: "JetBrains Mono", Menlo, monospace;
  --table-font: "JetBrains Mono", Menlo, monospace;
}
body[data-genre="ciencia-ficcion"] .app-header h1 {
  text-shadow: 0 0 20px rgba(34, 211, 238, 0.6), 0 0 4px rgba(167, 139, 250, 0.8);
  letter-spacing: 0.05em;
}
body[data-genre="ciencia-ficcion"] .btn-download {
  box-shadow: 0 0 12px rgba(34, 211, 238, 0.4);
}

/* Fantasía — pergamino mágico, oro, serif romana */
body[data-genre="fantasia"] {
  --bg: linear-gradient(180deg, #f5ecd7 0%, #e8d8b3 100%);
  --surface: #fbf3df;
  --surface-alt: #f0e2c0;
  --text: #2f3a1a;
  --text-muted: #6b6131;
  --border: #c9a96e;
  --input-border: #b58c4f;
  --status-bg: #f4e4bb;
  --status-text: #533916;
  --accent: #b45309;
  --accent-bg: #fef3c7;
  --accent-hover: #fde68a;
  --header-font: "Cinzel", Georgia, serif;
  --body-font: "EB Garamond", Georgia, serif;
  --table-font: "EB Garamond", Georgia, serif;
}
body[data-genre="fantasia"] .app-header h1 {
  letter-spacing: 0.08em;
  color: #166534;
}

/* Terror — gótico oscuro */
body[data-genre="terror"] {
  --bg: radial-gradient(ellipse at top, #1a0606 0%, #050000 80%);
  --surface: #120808;
  --surface-alt: #1f0d0d;
  --text: #d4c8c8;
  --text-muted: #8a6d6d;
  --border: #3a1212;
  --input-border: #5a1818;
  --status-bg: #2a0808;
  --status-text: #fca5a5;
  --accent: #b91c1c;
  --accent-bg: #1a0606;
  --accent-hover: #2a0606;
  --header-font: "UnifrakturMaguntia", "Cormorant Garamond", serif;
  --body-font: "Cormorant Garamond", Georgia, serif;
  --table-font: "Cormorant Garamond", Georgia, serif;
}
body[data-genre="terror"] .app-header h1 {
  font-size: 2.5rem;
  color: #dc2626;
  text-shadow: 0 0 24px rgba(220, 38, 38, 0.5);
}

/* Misterio / Thriller — noir detective */
body[data-genre="misterio-thriller"] {
  --bg: linear-gradient(180deg, #0f1729 0%, #1c2438 100%);
  --surface: #1a2336;
  --surface-alt: #232e45;
  --text: #e7d9a8;
  --text-muted: #9a8d6a;
  --border: #2e3a55;
  --input-border: #3d4a68;
  --status-bg: #2e3a55;
  --status-text: #fcd34d;
  --accent: #fcd34d;
  --accent-bg: rgba(252, 211, 77, 0.1);
  --accent-hover: rgba(252, 211, 77, 0.2);
  --header-font: "Special Elite", "Courier New", monospace;
  --body-font: "Special Elite", "Courier New", monospace;
  --table-font: "Special Elite", "Courier New", monospace;
}

/* Histórica — sepia, marrón tinta */
body[data-genre="historica"] {
  --bg: linear-gradient(180deg, #f0e4ce 0%, #e2d2a8 100%);
  --surface: #f6ecd6;
  --surface-alt: #ecdfb8;
  --text: #3d2a14;
  --text-muted: #6b4a26;
  --border: #c9a86e;
  --input-border: #a87c40;
  --status-bg: #e6d4a8;
  --status-text: #5a3818;
  --accent: #78350f;
  --accent-bg: #fef3c7;
  --accent-hover: #fde68a;
  --header-font: "EB Garamond", Georgia, serif;
  --body-font: "EB Garamond", Georgia, serif;
  --table-font: "EB Garamond", Georgia, serif;
}

/* Biografía / Memorias — editorial sobrio */
body[data-genre="biografia-memorias"] {
  --bg: #f7f3ec;
  --surface: #ffffff;
  --surface-alt: #f0eadd;
  --text: #1e2a44;
  --text-muted: #5a6477;
  --border: #d8cfbb;
  --input-border: #c5b896;
  --status-bg: #e8e0cc;
  --status-text: #2c4566;
  --accent: #1e3a8a;
  --accent-bg: #eff4ff;
  --accent-hover: #dbeafe;
  --header-font: "Inter", system-ui, sans-serif;
  --body-font: "Inter", system-ui, sans-serif;
  --table-font: "Inter", system-ui, sans-serif;
}

/* Aventura — mapa expedición, selva y arena */
body[data-genre="aventura"] {
  --bg: linear-gradient(180deg, #fdf2d8 0%, #d4b97a 100%);
  --surface: #fbf4dd;
  --surface-alt: #ead9a8;
  --text: #1d3318;
  --text-muted: #5a6b3c;
  --border: #b8a06c;
  --input-border: #8c7548;
  --status-bg: #e0d18c;
  --status-text: #2d4a18;
  --accent: #b45309;
  --accent-bg: #fef3c7;
  --accent-hover: #fde68a;
  --header-font: "Playfair Display", Georgia, serif;
  --body-font: "Playfair Display", Georgia, serif;
  --table-font: "EB Garamond", Georgia, serif;
}

/* Juvenil (YA) — vibrante pastel */
body[data-genre="juvenil-ya"] {
  --bg: linear-gradient(135deg, #ddd6fe 0%, #fbcfe8 50%, #a5f3fc 100%);
  --surface: #fdfcff;
  --surface-alt: #f3e8ff;
  --text: #312e81;
  --text-muted: #6d6aa8;
  --border: #d8b4fe;
  --input-border: #c084fc;
  --status-bg: #f3e8ff;
  --status-text: #6b21a8;
  --accent: #db2777;
  --accent-bg: #fce7f3;
  --accent-hover: #fbcfe8;
  --header-font: "Quicksand", system-ui, sans-serif;
  --body-font: "Quicksand", system-ui, sans-serif;
  --table-font: "Quicksand", system-ui, sans-serif;
}

/* Infantil — lúdico, crayola */
body[data-genre="infantil"] {
  --bg: linear-gradient(135deg, #fef3c7 0%, #bae6fd 100%);
  --surface: #ffffff;
  --surface-alt: #fef9c3;
  --text: #1f2937;
  --text-muted: #4b5563;
  --border: #fde047;
  --input-border: #facc15;
  --status-bg: #fef9c3;
  --status-text: #92400e;
  --accent: #ef4444;
  --accent-bg: #fee2e2;
  --accent-hover: #fecaca;
  --header-font: "Comic Neue", "Comic Sans MS", cursive;
  --body-font: "Comic Neue", "Comic Sans MS", cursive;
  --table-font: "Comic Neue", "Comic Sans MS", cursive;
}
body[data-genre="infantil"] .app-header h1 {
  color: #db2777;
}

/* Poesía — etéreo, lavanda y dorado tenue */
body[data-genre="poesia"] {
  --bg: linear-gradient(180deg, #f5f3ff 0%, #ede9fe 100%);
  --surface: #fbf9ff;
  --surface-alt: #ede9fe;
  --text: #2e1f4a;
  --text-muted: #6b5c8c;
  --border: #ddd6fe;
  --input-border: #c4b5fd;
  --status-bg: #ede9fe;
  --status-text: #5b21b6;
  --accent: #b45309;
  --accent-bg: #fef3c7;
  --accent-hover: #fde68a;
  --header-font: "Cormorant Garamond", Georgia, serif;
  --body-font: "Cormorant Garamond", Georgia, serif;
  --table-font: "Cormorant Garamond", Georgia, serif;
}
body[data-genre="poesia"] .app-header h1 {
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.04em;
}
body[data-genre="poesia"] #books td {
  font-style: italic;
}

/* Ensayo / No ficción — académico minimalista */
body[data-genre="ensayo-no-ficcion"] {
  --bg: #fafafa;
  --surface: #ffffff;
  --surface-alt: #f4f4f5;
  --text: #18181b;
  --text-muted: #52525b;
  --border: #e4e4e7;
  --input-border: #a1a1aa;
  --status-bg: #f4f4f5;
  --status-text: #18181b;
  --accent: #18181b;
  --accent-bg: #ffffff;
  --accent-hover: #f4f4f5;
  --header-font: "Inter", system-ui, sans-serif;
  --body-font: "Inter", system-ui, sans-serif;
  --table-font: "Inter", system-ui, sans-serif;
}

/* Clásicos — biblioteca antigua, verde botella + oro viejo */
body[data-genre="clasicos"] {
  --bg: linear-gradient(180deg, #f4ecd0 0%, #d8c898 100%);
  --surface: #f8f0d6;
  --surface-alt: #ebdba8;
  --text: #1e3a2c;
  --text-muted: #4a5a48;
  --border: #b8a06c;
  --input-border: #8c7548;
  --status-bg: #e8d9a8;
  --status-text: #1c4332;
  --accent: #14532d;
  --accent-bg: #f0e4be;
  --accent-hover: #e3d5a0;
  --header-font: "EB Garamond", Georgia, serif;
  --body-font: "EB Garamond", Georgia, serif;
  --table-font: "EB Garamond", Georgia, serif;
}
body[data-genre="clasicos"] .app-header h1 {
  color: #14532d;
  font-variant: small-caps;
  letter-spacing: 0.06em;
}

/* Otros y Sin clasificar usan el tema neutro definido en :root */