/* Solarized Dark Theme — Shared across all sites */
:root {
  --sol-base03:  #002b36;
  --sol-base02:  #073642;
  --sol-base01:  #586e75;
  --sol-base00:  #657b83;
  --sol-base0:   #839496;
  --sol-base1:   #93a1a1;
  --sol-base2:   #eee8d5;
  --sol-base3:   #fdf6e3;
  --sol-yellow:  #b58900;
  --sol-orange:  #cb4b16;
  --sol-red:     #dc322f;
  --sol-magenta: #d33682;
  --sol-violet:  #6c71c4;
  --sol-blue:    #268bd2;
  --sol-cyan:    #2aa198;
  --sol-green:   #859900;
}

/* Body — canvas animation handles the background */
body {
  background-color: var(--sol-base03) !important;
  color: var(--sol-base0) !important;
}

/* Animated canvas background */
#neural-bg {
  background-color: var(--sol-base03);
}

/* Override ananke / PaperMod opaque backgrounds — use semi-transparent */
.bg-dark-blue, .bg-near-black, .bg-dark-green,
header, nav, .cover, .post-header {
  background-color: rgba(0, 43, 54, 0.8) !important;
}

main, .pa3, .pa4-ns, article {
  background-color: transparent !important;
}

/* Ananke hero section */
.pb3-m, .pb6-l {
  background-color: rgba(7, 54, 66, 0.7) !important;
}

/* PaperMod specific */
.main, .post-content, .archive-month {
  background-color: transparent !important;
}

/* Cards and post entries */
.post-entry, .archive-entry {
  background-color: rgba(7, 54, 66, 0.85) !important;
  border: 1px solid var(--sol-base01) !important;
  border-radius: 6px;
}

/* Code blocks — solid bg for readability */
pre, code {
  background-color: var(--sol-base02) !important;
  color: var(--sol-base0) !important;
  border: 1px solid var(--sol-base01);
  border-radius: 4px;
}

pre {
  padding: 1em;
}

/* Text colors */
h1, h2, h3, h4, h5, h6,
.f1, .f2, .f3, .f4, .f5, .f6,
.post-title, .entry-hint-parent {
  color: var(--sol-base2) !important;
}

p, li, td, th, span, div {
  color: var(--sol-base0);
}

/* Links */
a {
  color: var(--sol-cyan) !important;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--sol-blue) !important;
}

/* Navigation */
nav a, .nav-links a, header a {
  color: var(--sol-base1) !important;
}

nav a:hover, header a:hover {
  color: var(--sol-cyan) !important;
}

/* Footer */
footer {
  background-color: rgba(0, 43, 54, 0.85) !important;
  color: var(--sol-base01) !important;
  border-top: 1px solid var(--sol-base01);
}

/* Subtle glow on headings */
h1 {
  text-shadow: 0 0 30px rgba(42, 161, 152, 0.2);
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--sol-base03);
}

::-webkit-scrollbar-thumb {
  background: var(--sol-base01);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--sol-base00);
}