/*
Theme Name: Fictioneer InkNovels
Template: fictioneer
Description: InkNovels premium dark theme inspired by Royal Road
Version: 1.0
*/

/* ============================================
   INKNOVELS PREMIUM DARK THEME
   ============================================ */

:root[data-mode="dark"] {
  --bg-50:   #0d0f14;
  --bg-100:  #13151c;
  --bg-200:  #191c25;
  --bg-300:  #1f2330;
  --bg-400:  #282d3e;
  --bg-500:  #343a50;
  --bg-600:  #464e6a;
  --bg-700:  #6b7599;
  --bg-800:  #8b94b3;
  --bg-900:  #c5c9d9;
  --bg-1000: #e8eaf0;
  --primary-hue: 250;
  --secant: #8b5cf6;
  --secant-text: #fff;
  --e-body: #c5c9d9;
  --e-link: #a78bfa;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.main__wrapper { max-width: 1200px !important; }

/* HEADER */
.header {
  background: var(--bg-100) !important;
  border-bottom: 1px solid rgba(139,92,246,0.15) !important;
}
.header__title {
  font-size: 1.8em !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #a78bfa, #06b6d4) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.header__tagline {
  font-size: 0.85em !important;
  opacity: 0.5 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* NAVIGATION */
.main-navigation a {
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}
.main-navigation a:hover {
  color: #a78bfa !important;
  background: rgba(139,92,246,0.08) !important;
}

/* STORY CARDS */
.card {
  background: var(--bg-200) !important;
  border: 1px solid var(--bg-400) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
}
.card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(139,92,246,0.4) !important;
  box-shadow: 0 16px 48px rgba(139,92,246,0.15), 0 4px 16px rgba(0,0,0,0.3) !important;
}
.card__image { overflow: hidden !important; }
.card__image img {
  width: 100% !important;
  object-fit: cover !important;
  transition: transform 0.5s cubic-bezier(0.4,0,0.2,1) !important;
}
.card:hover .card__image img { transform: scale(1.08) !important; }
.card__body { padding: 16px !important; }
.card__title { font-weight: 700 !important; }
.card__title a { transition: color 0.2s ease !important; }
.card__title a:hover { color: #a78bfa !important; }
.card__content {
  font-size: 0.88em !important;
  line-height: 1.6 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* GENRE PILLS */
.tag-pill, .cell-tax, .card__tag-list a, ._taxonomy-pills a {
  background: rgba(139,92,246,0.12) !important;
  color: #a78bfa !important;
  border: 1px solid rgba(139,92,246,0.25) !important;
  border-radius: 20px !important;
  padding: 3px 12px !important;
  font-size: 0.78em !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}
.tag-pill:hover, .cell-tax:hover {
  background: rgba(139,92,246,0.25) !important;
  border-color: #a78bfa !important;
}

/* STORY DETAIL PAGE */
.story__title {
  font-size: 2.2em !important;
  font-weight: 800 !important;
}
.story .button {
  background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important;
  color: white !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 32px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(139,92,246,0.3) !important;
}
.story .button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(139,92,246,0.4) !important;
}
.story__thumbnail img {
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important;
}

/* CHAPTER READING */
.chapter-formatting {
  max-width: 720px !important;
  margin: 0 auto !important;
}
.chapter-formatting p {
  font-family: 'Merriweather', Georgia, serif !important;
  font-size: 1.1em !important;
  line-height: 1.95 !important;
}
.chapter-formatting blockquote {
  background: rgba(139,92,246,0.08) !important;
  border-left: 4px solid #8b5cf6 !important;
  padding: 16px 24px !important;
  border-radius: 0 10px 10px 0 !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.92em !important;
}

/* HEADINGS */
h2 {
  font-weight: 700 !important;
  border-bottom: 2px solid rgba(139,92,246,0.2) !important;
  padding-bottom: 8px !important;
  margin-bottom: 16px !important;
}

/* FOOTER */
.footer {
  background: var(--bg-50) !important;
  border-top: 1px solid var(--bg-400) !important;
}

/* META */
.card__footer, .card__meta {
  font-size: 0.8em !important;
  border-top: 1px solid var(--bg-400) !important;
  padding-top: 10px !important;
}

/* SCROLLBAR */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #13151c; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #8b5cf6, #6d28d9);
  border-radius: 4px;
}

::selection {
  background: rgba(139,92,246,0.3);
  color: white;
}

@media (max-width: 768px) {
  .header__title { font-size: 1.4em !important; }
  .chapter-formatting p { font-size: 1em !important; line-height: 1.8 !important; }
}