/* ============================================================
   Claude Warm Theme — Inline Overrides for Article Pages
   ============================================================ */
:root {
  --warm-bg: #f5f4ed;
  --warm-card: #faf9f5;
  --warm-text: #141413;
  --warm-text-secondary: #5e5d59;
  --warm-accent: #c96442;
  --warm-accent-hover: #b8503a;
  --warm-border: #e8e6dc;
  --warm-light-border: #f0eee6;
}

/* Reset backgrounds to warm */
body {
  background: var(--warm-bg) !important;
  color: var(--warm-text) !important;
}

/* Override dark backgrounds from old theme */
.hud-grid, .hex-pattern, .data-stream,
.bg-void-950, .bg-void-900, .bg-void-800 {
  background: var(--warm-bg) !important;
}

/* Text color overrides */
.text-void-100, .text-void-200, .text-void-300, .text-void-400,
.text-mind-400, .text-mind-300, .text-life-500 {
  color: var(--warm-text) !important;
}

/* Navigation replacement - simple strip */
.navbar, header.fixed {
  display: none !important;
}

/* Replace with a simple warm back bar */
.article-page, .articles-section {
  padding-top: 0 !important;
}

/* Simple top bar with back link */
.warm-top-bar {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(245,244,237,0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--warm-border);
  padding: 12px 24px;
}
.warm-top-bar a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--warm-accent);
  text-decoration: none;
  transition: color 0.2s;
}
.warm-top-bar a:hover {
  color: var(--warm-accent-hover);
}

/* Article card / page containers - warm cards */
.articles-section, .article-page {
  background: var(--warm-bg) !important;
}
.article-container, .container {
  max-width: 780px !important;
}
.article-card {
  background: var(--warm-card) !important;
  border: 1px solid var(--warm-light-border) !important;
  border-radius: 12px !important;
  transition: all 0.2s ease;
}
.article-card:hover {
  border-color: var(--warm-accent) !important;
  box-shadow: 0 4px 20px rgba(201,100,66,0.08) !important;
}

/* Headers and titles */
h1, h2, h3, h4, h5, h6,
.article-page-title, .article-title, .section-title,
.hero__title {
  color: var(--warm-text) !important;
}

/* Article content */
.article-content, .article-content p, .article-content li,
.prose-mind, .prose-mind p, .prose-mind li {
  color: var(--warm-text-secondary) !important;
}

/* Accent color overrides — blue → terracotta */
.btn, .article-back-btn, .read-more-btn,
.article-category, .article-page-category,
.article-page-tag, .article-tag {
  color: var(--warm-accent) !important;
  border-color: rgba(201,100,66,0.2) !important;
}

/* Links */
a, .article-link, .footer-link, .nav-links a {
  color: var(--warm-accent) !important;
}
a:hover, .nav-links a:hover {
  color: var(--warm-accent-hover) !important;
}

/* Blockquotes */
blockquote {
  border-left-color: var(--warm-accent) !important;
  background: rgba(201,100,66,0.04) !important;
  color: var(--warm-text-secondary) !important;
}

/* Tags */
.article-page-tag {
  background: rgba(201,100,66,0.08) !important;
  color: var(--warm-accent) !important;
  border-color: rgba(201,100,66,0.15) !important;
}

/* Footer */
footer {
  background: var(--warm-card) !important;
  border-top: 1px solid var(--warm-border) !important;
  color: var(--warm-text-secondary) !important;
}
.footer-logo {
  color: var(--warm-accent) !important;
}

/* Buttons */
.btn-outline {
  border-color: var(--warm-accent) !important;
  color: var(--warm-accent) !important;
}
.btn-outline:hover {
  background: var(--warm-accent) !important;
  color: #fff !important;
}

/* Animation overrides for mind-evolution page */
.animate-fade-in-down, .animate-fade-in-up {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Gradient accents - replace blue with terracotta */
.story::before,
.story__divider-line,
.garden-card::after {
  background: linear-gradient(90deg, transparent, rgba(201,100,66,0.12), transparent) !important;
}

/* Pulsing dots */
.hero__badge-dot {
  background: var(--warm-accent) !important;
}

/* Section highlights */
.story__highlight {
  background: linear-gradient(180deg, transparent 58%, rgba(201,100,66,0.08) 58%) !important;
}

/* Hero badge */
.hero__badge {
  border-color: rgba(201,100,66,0.2) !important;
  background: rgba(255,253,249,0.5) !important;
}

/* ===== Mind-Evolution page specific overrides ===== */
/* Replace all blue #3B82F6 / #60A5FA / #93C5FD with warm terracotta */
.prose-mind h2::before {
  background: linear-gradient(180deg, var(--warm-accent), #b8503a) !important;
}
.prose-mind h2 {
  color: var(--warm-text) !important;
}
.prose-mind h2 .label {
  color: var(--warm-accent) !important;
}
.prose-mind h3 {
  color: var(--warm-text) !important;
}
.prose-mind h4 {
  color: var(--warm-text) !important;
}
.prose-mind p strong {
  color: var(--warm-accent) !important;
}
.prose-mind blockquote {
  border-left: 3px solid var(--warm-accent) !important;
  background: rgba(201,100,66,0.04) !important;
  color: var(--warm-text-secondary) !important;
}
.prose-mind ul li::before {
  background: linear-gradient(135deg, var(--warm-accent), #b8503a) !important;
  box-shadow: 0 0 8px rgba(201,100,66,0.4) !important;
}
.prose-mind ol li::before {
  background: linear-gradient(135deg, var(--warm-accent), #b8503a) !important;
  color: white !important;
}
.prose-mind pre {
  border-color: rgba(201,100,66,0.2) !important;
  color: var(--warm-text) !important;
  background: var(--warm-card) !important;
}
.prose-mind code {
  background: rgba(201,100,66,0.08) !important;
  color: var(--warm-accent) !important;
  border-color: rgba(201,100,66,0.15) !important;
}
.prose-mind pre code {
  color: var(--warm-text) !important;
}
.narrative-quote {
  border-left-color: var(--warm-accent) !important;
}
.narrative-quote::before {
  background: linear-gradient(180deg, var(--warm-accent), transparent) !important;
}
.layer-card {
  background: var(--warm-card) !important;
  border-color: rgba(201,100,66,0.12) !important;
}
.layer-card:hover {
  border-color: rgba(201,100,66,0.3) !important;
  box-shadow: 0 4px 20px rgba(201,100,66,0.08) !important;
}
.step-badge {
  background: rgba(201,100,66,0.1) !important;
  color: var(--warm-accent) !important;
  border-color: rgba(201,100,66,0.2) !important;
}
.case-card {
  background: var(--warm-card) !important;
  border-color: rgba(201,100,66,0.15) !important;
}
.case-card::before {
  background: linear-gradient(90deg, transparent, var(--warm-accent), transparent) !important;
}
.tool-card {
  background: var(--warm-card) !important;
  border-color: rgba(201,100,66,0.08) !important;
}
.tool-card:hover {
  border-color: rgba(201,100,66,0.2) !important;
}
.formula-block {
  background: rgba(201,100,66,0.04) !important;
  border-color: rgba(201,100,66,0.2) !important;
}
.formula-block .formula {
  color: var(--warm-text) !important;
}
.stage-progress::before {
  background: linear-gradient(180deg, var(--warm-accent), rgba(201,100,66,0.1)) !important;
}
.article-link {
  color: var(--warm-accent) !important;
  text-decoration-color: rgba(201,100,66,0.4) !important;
}
.article-link:hover {
  color: var(--warm-accent-hover) !important;
}

/* HUD and background decorations - make warm */
.hud-grid {
  background-image:
    linear-gradient(rgba(201,100,66,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(201,100,66,0.04) 1px, transparent 1px) !important;
}
.hex-pattern {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l25.98 15v30L30 60 4.02 45V15z' fill='none' stroke='%23c96442' stroke-opacity='0.06' stroke-width='1'/%3E%3Csvg%3E") !important;
}
.data-stream {
  background:
    radial-gradient(ellipse at 20% 50%, rgba(201,100,66,0.06) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 20%, rgba(201,100,66,0.04) 0%, transparent 50%) !important;
}

/* Mind-evolution hero decorations */
.hero-glow, .absolute .rounded-full {
  background: rgba(201,100,66,0.06) !important;
}

/* Scrollbar for mind-evolution page */
::-webkit-scrollbar-track {
  background: var(--warm-bg) !important;
}
::-webkit-scrollbar-thumb {
  background: var(--warm-accent) !important;
}

/* Layer badge */
.inline-flex.items-center.gap-2.px-4.py-1\\.5 {
  background: rgba(201,100,66,0.06) !important;
  border-color: rgba(201,100,66,0.15) !important;
}

/* Font overrides for mind-evolution page */
.font-orbitron {
  font-family: var(--font-serif) !important;
}
.font-exo {
  font-family: var(--font-sans) !important;
}

/* Ensure section containers have proper warm styling */
section.max-w-6xl, div.max-w-6xl {
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Warm background for mind-evolution sections */
.relative.min-h-screen {
  min-height: auto !important;
  padding: 40px 20px !important;
}

/* Remove excess spacing from mind-evolution hero */
.relative.z-10.text-center.px-6 {
  padding-bottom: 20px !important;
}

/* Override blue text in mind-evolution */
.text-mind-300, .text-mind-400, .text-mind-500 {
  color: var(--warm-accent) !important;
}
.border-mind-500, .border-mind-400, .border-mind-300 {
  border-color: rgba(201,100,66,0.15) !important;
}
.bg-mind-500, .bg-mind-400, .bg-mind-300 {
  background: rgba(201,100,66,0.06) !important;
}
.shadow-mind-500, .shadow-mind-400 {
  box-shadow: 0 0 20px rgba(201,100,66,0.05) !important;
}

/* Article page containers */
.article-page, .article-container {
  background: transparent !important;
}
.article-container {
  max-width: 780px !important;
  margin: 0 auto !important;
}
.article-content {
  line-height: 1.9 !important;
}