/* Warm yellow accent theme overrides for 吳典哲 */

:root {
  --accent-yellow: #f5b800;
  --accent-yellow-deep: #d99a00;
  --accent-yellow-soft: #fff3b0;
  --accent-yellow-bg: #fffaeb;
}

body, .post_bg, .archive_bg {
  background-color: var(--accent-yellow-bg) !important;
}

/* Header accents */
header h1 a,
header h1 {
  color: var(--accent-yellow-deep) !important;
  text-shadow: 0 1px 2px rgba(245, 184, 0, 0.25);
}

.nav-top a:hover,
.nav-bottom a:hover {
  color: var(--accent-yellow-deep) !important;
  border-bottom-color: var(--accent-yellow) !important;
}

/* Floating heart -> sun */
.floating-heart {
  color: var(--accent-yellow-deep);
}

/* Buttons */
.cta-button,
#search-button {
  background-color: var(--accent-yellow) !important;
  color: #4a3500 !important;
  border: none !important;
}
.cta-button:hover,
#search-button:hover {
  background-color: var(--accent-yellow-deep) !important;
  color: #fff !important;
}

/* Search button & badges that were pink */
#search-button { background-color: var(--accent-yellow) !important; }

/* Options card hover */
.option:hover {
  box-shadow: 0 8px 24px rgba(245, 184, 0, 0.35) !important;
  border-color: var(--accent-yellow) !important;
}

/* Home intro background */
.home-intro {
  background: linear-gradient(135deg, #fffdf3, #fff3b0) !important;
}

/* Carousel frame */
.meng-carousel-wrapper {
  background: linear-gradient(to right, #fff8d6, #ffe69e) !important;
}
.carousel-img {
  border: 3px solid var(--accent-yellow-soft);
  box-shadow: 0 4px 12px rgba(217, 154, 0, 0.25);
}

/* Sidebar */
#sidebar {
  background: linear-gradient(180deg, #fffaeb, #fff3b0) !important;
}
.author-info h2 { color: var(--accent-yellow-deep) !important; }

/* Footer */
footer {
  background: linear-gradient(135deg, #f5b800, #d99a00) !important;
  color: #fff !important;
}
footer a { color: #fff8d6 !important; }

/* Scroll-to-top */
.scroll-to-top-btn {
  background-color: var(--accent-yellow) !important;
  color: #4a3500 !important;
}

/* Replace pink scrollbar */
::-webkit-scrollbar-thumb {
  background-color: var(--accent-yellow) !important;
}

/* Override common pink hex values that bleed through */
[style*="ff6b81"], [style*="ff66a5"], [style*="ff3f55"] {
  color: var(--accent-yellow-deep) !important;
}

/* Post / article pages (social, blog posts, etc.) */
article.post,
.article-container,
.article-content,
#container,
.post-container {
  background-color: var(--accent-yellow-bg) !important;
}

article.post {
  background: linear-gradient(135deg, #fffdf3, #fff3b0) !important;
  border: 1px solid var(--accent-yellow-soft) !important;
  box-shadow: 0 4px 16px rgba(217, 154, 0, 0.18) !important;
}

article.post h1,
article.post h2,
article.post h3,
article.post h4 {
  color: var(--accent-yellow-deep) !important;
}

article.post a {
  color: var(--accent-yellow-deep) !important;
}
article.post a:hover {
  color: #b87f00 !important;
}

.newsletter-subscription {
  background: linear-gradient(135deg, #fff8d6, #ffe69e) !important;
  color: #4a3500 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
}
.newsletter-subscription a {
  color: var(--accent-yellow-deep) !important;
  font-weight: bold;
}

/* Tables on post pages */
article.post table th {
  background-color: var(--accent-yellow) !important;
  color: #4a3500 !important;
}

/* Archive / tag pages */
.archive-list,
.tag-list,
.category-list {
  background-color: var(--accent-yellow-bg) !important;
}

/* TOC */
.toc, #toc {
  background: var(--accent-yellow-soft) !important;
  border-left: 3px solid var(--accent-yellow) !important;
}

/* Override post.css pink/red accents */
article.post .post-meta,
article.post .post-date,
article.post .post-author {
  color: var(--accent-yellow-deep) !important;
}