/* Vivid Vision blog theme — matches the dark/gold/purple site palette.
   Loaded on all non-front-page views (see inc/enqueue.php).
   Scoped to .content-container so the header/footer chrome is untouched. */
:root {
  --vv-gold: #c9a255;
  --vv-purple: #7a3fb6;
  --vv-ink: #0a0908;
  --vv-card: #151210;
  --vv-text: #f1ede4;
  --vv-muted: #a49b8c;
}

/* Dark ground + light base text.
   body is included (not just .content-container) because short/empty
   content (e.g. an archive with few posts) doesn't fill the viewport,
   leaving the default white page canvas visible below it. This never
   reaches the homepage since blog.css only loads when !is_front_page().
   The header/footer chrome keep their own opaque backgrounds and are
   unaffected. !important is required because Kadence's own
   global.min.css/content.min.css load AFTER this stylesheet and set
   the same bare `body`/.content-container background at equal
   specificity, so source order alone would let them win. */
body,
.content-container,
.content-container .content-bg,
.content-container .entry-content-wrap {
  background: var(--vv-ink) !important;
}
.content-container,
.content-container p,
.content-container li,
.content-container .entry-content,
.content-container .entry-summary {
  color: var(--vv-text);
}

/* Titles + headings gold */
.content-container .entry-title,
.content-container .entry-title a,
.content-container .entry-content h1,
.content-container .entry-content h2,
.content-container .entry-content h3,
.content-container .entry-content h4 {
  color: var(--vv-gold) !important;
}

/* Body links gold, purple on hover */
.content-container .entry-content a,
.content-container .kb-post-list-item a {
  color: var(--vv-gold) !important;
}
.content-container .entry-content a:hover,
.content-container .entry-title a:hover,
.content-container .kb-post-list-item a:hover {
  color: var(--vv-purple) !important;
}

/* Meta muted; category/tag links purple */
.content-container .entry-meta,
.content-container .entry-meta a,
.content-container .posted-on,
.content-container .byline {
  color: var(--vv-muted) !important;
}
.content-container .entry-taxonomies a {
  color: var(--vv-purple) !important;
}

/* Kadence Posts block cards (boxed) -> dark cards, gold titles, gold-on-hover border */
.content-container .kb-posts.kb-posts-style-boxed .kb-post-list-item {
  background: var(--vv-card);
  border: 1px solid rgba(201, 162, 85, 0.25);
  border-radius: 12px;
}
.content-container .kb-posts .kb-post-list-item:hover {
  border-color: var(--vv-gold);
}

/* Buttons / read-more / pagination -> gold */
.content-container .wp-block-button__link,
.content-container .kt-post-cta-link,
.content-container .kb-read-more,
.content-container .pagination a,
.content-container .nav-links a {
  background: var(--vv-gold) !important;
  color: var(--vv-ink) !important;
  border: none;
}

/* Blockquotes -> purple accent */
.content-container .entry-content blockquote {
  border-left: 3px solid var(--vv-purple);
  color: var(--vv-text);
}

/* Comment form inputs readable on the dark ground */
.content-container .comment-form input,
.content-container .comment-form textarea {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(201, 162, 85, 0.4);
  color: var(--vv-text);
}