/* Dark mode color palette */
:root[data-theme="dark"] {
  /* Primary colors - Lavender Blue Shadow (darker variants) */
  --primary-900: #1a1a2e;
  --primary-800: #242438;
  --primary-700: #2d2d45;
  --primary-600: #373752;
  --primary-500: #424260;
  --primary-400: #4d4d6d;
  --primary-300: #5a5a7a;
  --primary-200: #686887;
  --primary-100: #777794;
  
  /* Accent colors - Acapulco Sun (darker variants) */
  --accent-900: #8b4500;
  --accent-800: #a65200;
  --accent-700: #c16100;
  --accent-600: #db6f00;
  --accent-500: #f67e00;
  --accent-400: #ff8c1a;
  --accent-300: #ff9b33;
  --accent-200: #ffaa4d;
  --accent-100: #ffb966;
  
  /* Neutral colors */
  --neutral-900: #121212;
  --neutral-800: #1a1a1a;
  --neutral-700: #242424;
  --neutral-600: #2d2d2d;
  --neutral-500: #363636;
  --neutral-400: #404040;
  --neutral-300: #595959;
  --neutral-200: #737373;
  --neutral-100: #8c8c8c;
  
  /* UI colors */
  --body-color: #f0f0f0;
  --content-background: var(--neutral-800);
  --link-color: var(--accent-300);
  --link-hover-color: var(--accent-200);
  --navbar-background: var(--primary-900);
  --menu-background: var(--primary-800);
  --code-background: var(--neutral-700);
  --code-color: #f0f0f0;

  /* Icons */
  --light-icon: url("light_true_storage_icon.png");
  --dark-icon: url("dark_true_storage_icon.png");
}

/* Base styles for dark mode */
[data-theme="dark"] body {
  color: var(--body-color);
  background: var(--content-background);
}

/* Navigation in dark mode */
[data-theme="dark"] .wy-nav-side {
  background: linear-gradient(135deg, var(--primary-900) 0%, var(--primary-800) 100%);
}

[data-theme="dark"] .wy-nav-content-wrap {
  background: var(--content-background);
}

[data-theme="dark"] .wy-menu-vertical li.current {
  background: linear-gradient(90deg, var(--primary-800) 0%, var(--primary-700) 100%);
}

[data-theme="dark"] .wy-menu-vertical li.current > a {
  background: linear-gradient(90deg, var(--primary-700) 0%, var(--primary-600) 100%);
  color: var(--body-color);
}

[data-theme="dark"] .wy-menu-vertical li.toctree-l2.current > a {
  background: linear-gradient(90deg, var(--primary-600) 0%, var(--primary-500) 100%);
}

/* Search box in dark mode */
[data-theme="dark"] .wy-side-nav-search {
  background: linear-gradient(135deg, var(--primary-800) 0%, var(--primary-700) 100%) !important;
}

[data-theme="dark"] .wy-side-nav-search input[type="text"] {
  background: var(--neutral-700);
  color: var(--body-color);
  border: 1px solid var(--primary-600);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

/* Version badge in dark mode */
[data-theme="dark"] .wy-side-nav-search > div.version {
  background: linear-gradient(135deg, var(--accent-600) 0%, var(--accent-500) 100%) !important;
  color: var(--neutral-900);
  padding: 5px 10px;
  border-radius: 4px;
  margin-top: 5px;
}

/* Admonitions in dark mode */
[data-theme="dark"] .admonition {
  background: linear-gradient(135deg, var(--primary-800) 0%, var(--primary-700) 100%);
  border: 1px solid var(--primary-600);
}

[data-theme="dark"] .admonition .admonition-title {
  background: linear-gradient(135deg, var(--primary-700) 0%, var(--primary-600) 100%);
  color: var(--body-color);
}

/* Code blocks in dark mode */
[data-theme="dark"] .highlight {
  background: var(--code-background);
  border: 1px solid var(--neutral-600);
}

[data-theme="dark"] .highlight pre {
  color: var(--code-color);
}

/* Tables in dark mode */
[data-theme="dark"] table.docutils {
  background: var(--neutral-700);
  border: 1px solid var(--neutral-600);
}

[data-theme="dark"] table.docutils thead {
  background: linear-gradient(135deg, var(--primary-800) 0%, var(--primary-700) 100%);
}

/* Links in dark mode */
[data-theme="dark"] a {
  color: var(--link-color);
  transition: color 0.2s ease;
}

[data-theme="dark"] a:hover {
  color: var(--link-hover-color);
}

/* Footer in dark mode */
[data-theme="dark"] footer {
  color: var(--body-color);
  background: var(--neutral-800);
}

/* GitHub Corner for dark mode */
[data-theme="dark"] .github-corner svg {
  fill: var(--accent-400);
  color: var(--neutral-800);
}

[data-theme="dark"] .github-corner:hover svg {
  fill: var(--accent-300);
}

/* Logo handling for dark mode - KEEPING ORIGINAL UNTOUCHED */
[data-theme="dark"] .wy-side-nav-search .logo {
  content: var(--dark-icon);
  max-width: 150px !important;
  height: auto !important;
  background: transparent !important;
}

/* Logo handling for light mode - KEEPING ORIGINAL UNTOUCHED */
:root:not([data-theme="dark"]) .wy-side-nav-search {
  background: white !important;
}

:root:not([data-theme="dark"]) .wy-side-nav-search .logo {
  content: var(--light-icon);
  max-width: 150px !important;
  height: auto !important;
  background: transparent !important;
}

/* Animation for GitHub corner */
@keyframes octocat-wave {
  0%, 100% { transform: rotate(0); }
  20%, 60% { transform: rotate(-25deg); }
  40%, 80% { transform: rotate(10deg); }
}

/* Remove blue background from version number */
.wy-side-nav-search > div.version {
  background: transparent !important;
  margin-top: 5px;
}

/* GitHub Corner */
.github-corner svg {
  fill: #2980b9;
  color: var(--content-background);
  z-index: 1000;
  transition: fill 0.3s ease;
}

.github-corner:hover .octo-arm {
  animation: octocat-wave 560ms ease-in-out;
}

.github-corner:hover svg {
  fill: #3498db;
}

/* Light mode overrides */
:root:not([data-theme="dark"]) .github-corner svg {
  fill: #2980b9;
  color: #ffffff;
}

:root:not([data-theme="dark"]) .version-box {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(41, 128, 185, 0.1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

:root:not([data-theme="dark"]) .version-label {
  color: #2c3e50;
}

/* Light mode overrides */
:root:not([data-theme="dark"]) .github-corner svg {
  fill: #2980b9;
  color: #ffffff;
}

:root:not([data-theme="dark"]) .version-box {
  background: #ffffff;
  border: 1px solid #2980b9;
}

:root:not([data-theme="dark"]) .version-label {
  color: #333333;
}

/* Grid items and cards in dark mode */
[data-theme="dark"] .grid-item {
  background: linear-gradient(135deg, var(--primary-800) 0%, var(--primary-700) 100%);
  border: 1px solid var(--primary-600);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

[data-theme="dark"] .grid-item:hover {
  background: linear-gradient(135deg, var(--primary-700) 0%, var(--primary-600) 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .grid-item h2,
[data-theme="dark"] .grid-item h3 {
  color: var(--accent-300);
  margin-bottom: 0.5rem;
}

[data-theme="dark"] .grid-item p {
  color: var(--body-color);
  opacity: 0.9;
}

[data-theme="dark"] .grid-item a {
  color: var(--accent-200);
  text-decoration: none;
  transition: color 0.2s ease;
}

[data-theme="dark"] .grid-item a:hover {
  color: var(--accent-100);
  text-decoration: underline;
}

[data-theme="dark"] .grid-item code {
  background: var(--neutral-700);
  color: var(--accent-200);
  padding: 0.2em 0.4em;
  border-radius: 3px;
  font-size: 0.9em;
}