/* 
 * Voyagers Restoration Codex 2025 - Custom Theme
 * Dark purple/green mystical aesthetic
 */

:root {
  /* Dark purple/violet base colors */
  --color-background-primary: #1a0f2e;
  --color-background-secondary: #2a1b3d;
  --color-background-hover: #3d2952;
  --color-background-border: #4a3366;
  
  /* Green accent colors */
  --color-brand-primary: #7cd992;
  --color-brand-content: #9fe6ad;
  --color-highlight-on-target: #5bc978;
  
  /* Link colors - green tinted */
  --color-link: #7cd992;
  --color-link--hover: #9fe6ad;
  --color-link-underline: #5bc978;
  --color-link-underline--hover: #7cd992;
  
  /* Sidebar colors */
  --color-sidebar-background: #16091f;
  --color-sidebar-background-border: #2a1b3d;
  --color-sidebar-brand-text: #9fe6ad;
  --color-sidebar-caption-text: #b8a8d0;
  --color-sidebar-link-text: #d4c5e8;
  --color-sidebar-link-text--top-level: #e8dff5;
  --color-sidebar-item-background--current: #3d2952;
  --color-sidebar-item-background--hover: #2a1b3d;
  
  /* Code blocks - subtle purple tint */
  --color-code-background: #221433;
  --color-code-foreground: #c5b8d9;
  
  /* Text colors */
  --color-foreground-primary: #e8dff5;
  --color-foreground-secondary: #c5b8d9;
  --color-foreground-muted: #9b8fb8;
  --color-foreground-border: #4a3366;
  
  /* Headings - brighter green */
  --color-heading-text: #9fe6ad;
  
  /* Search */
  --color-highlight: #5bc978;
}

/* Override Furo's light mode completely - always use dark */
html[data-theme="light"] {
  --color-background-primary: #1a0f2e;
  --color-background-secondary: #2a1b3d;
  --color-sidebar-background: #16091f;
  --color-foreground-primary: #e8dff5;
  --color-link: #7cd992;
}

/* Custom body styling */
body {
  background: linear-gradient(135deg, #1a0f2e 0%, #2a1b3d 50%, #1a0f2e 100%);
  background-attachment: fixed;
}

/* Main content area */
.content {
  background-color: rgba(26, 15, 46, 0.95);
  backdrop-filter: blur(10px);
}

/* Headings with subtle glow effect */
h1, h2, h3, h4, h5, h6 {
  color: var(--color-heading-text);
  text-shadow: 0 0 20px rgba(126, 217, 146, 0.3);
}

/* Logo/brand area */
.sidebar-brand-text {
  color: var(--color-sidebar-brand-text) !important;
  font-weight: 600;
  text-shadow: 0 0 15px rgba(159, 230, 173, 0.4);
}

/* Active nav item - green highlight */
.sidebar-tree .current-page > .reference {
  background-color: var(--color-sidebar-item-background--current);
  border-left: 3px solid var(--color-brand-primary);
  padding-left: calc(var(--sidebar-item-spacing-horizontal) - 3px);
}

/* Hover effects */
.sidebar-tree .reference:hover {
  background-color: var(--color-sidebar-item-background--hover);
}

/* Code blocks with purple glow */
pre, code {
  background-color: var(--color-code-background);
  border: 1px solid var(--color-background-border);
  border-radius: 6px;
}

pre {
  box-shadow: 0 0 20px rgba(61, 41, 82, 0.5);
}

/* Inline code */
code.literal {
  background-color: var(--color-code-background);
  color: var(--color-brand-content);
  padding: 0.2em 0.4em;
  border-radius: 3px;
}

/* Tables */
table {
  border-color: var(--color-background-border);
}

thead {
  background-color: var(--color-background-secondary);
}

/* Blockquotes */
blockquote {
  border-left: 4px solid var(--color-brand-primary);
  background-color: var(--color-background-secondary);
  padding: 1em;
  margin: 1em 0;
  border-radius: 4px;
}

/* Admonitions (notes, warnings, etc.) */
.admonition {
  border-left: 4px solid var(--color-brand-primary);
  background-color: var(--color-background-secondary);
}

/* Search box */
.search-input {
  background-color: var(--color-background-secondary);
  color: var(--color-foreground-primary);
  border: 1px solid var(--color-background-border);
}

.search-input:focus {
  border-color: var(--color-brand-primary);
  box-shadow: 0 0 10px rgba(92, 201, 120, 0.3);
}

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

::-webkit-scrollbar-track {
  background: var(--color-background-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-background-border);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-brand-primary);
}

/* Footer */
.footer {
  color: var(--color-foreground-muted);
  border-top: 1px solid var(--color-background-border);
}

/* Mobile menu button */
.mobile-header {
  background-color: var(--color-sidebar-background);
  border-bottom: 1px solid var(--color-background-border);
}

/* PDF download links (we'll add these) */
.pdf-download {
  display: inline-block;
  padding: 10px 20px;
  background: linear-gradient(135deg, var(--color-brand-primary), #5bc978);
  color: var(--color-background-primary);
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  margin: 10px 0;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(92, 201, 120, 0.3);
}

.pdf-download:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(92, 201, 120, 0.5);
  color: var(--color-background-primary);
}

/* Mystical accent elements */
.content article {
  position: relative;
}

/* Subtle animated background effect */
@keyframes mystic-pulse {
  0%, 100% { opacity: 0.05; }
  50% { opacity: 0.1; }
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 50% 50%, rgba(126, 217, 146, 0.1) 0%, transparent 50%);
  animation: mystic-pulse 8s ease-in-out infinite;
  pointer-events: none;
  z-index: -1;
}