/* ===== DARK THEME (Classic Matrix Green) ===== */

body.theme-dark {
  background-color: #000000;
  color: #00ff00;
  background-image: none; /* Remove gruvbox texture */
}

body.theme-dark .prompt {
  color: #00ff00;
}

body.theme-dark .input-area {
  color: #00ff00;
  caret-color: #00ff00;
}

body.theme-dark .date {
  color: #00ff00;
}

body.theme-dark .response-line {
  color: #00ff00;
}

/* ===== SEMANTIC COLORS (All Matrix Green) ===== */
body.theme-dark .command,
body.theme-dark .flag,
body.theme-dark .header,
body.theme-dark .section,
body.theme-dark .label,
body.theme-dark .number,
body.theme-dark .tech,
body.theme-dark .company,
body.theme-dark .path,
body.theme-dark .directory,
body.theme-dark .success,
body.theme-dark .error,
body.theme-dark .tip,
body.theme-dark .link {
  color: #00ff00;
}

body.theme-dark .emoji {
  color: inherit;
}

body.theme-dark .terminal {
  background-image: radial-gradient(circle at 1px 1px, rgba(235, 219, 178, 0.05) 1px, #d207e408 0);
  background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 255, 0, 0.03) 2px, rgba(0, 255, 0, 0.03) 4px);
}

body.theme-dark pre em { color: chartreuse; }
body.theme-dark pre i  { color: darkmagenta; }
body.theme-dark pre b  { color: darkblue; }

/* Matrix column fade on hover */
body.theme-dark .ascii-art:hover em span {
  animation: matrixColumnFade .9s ease-in-out infinite;
  animation-delay: calc(var(--row-index) * 0.3s);
}

@keyframes matrixColumnFade {
  0% {
    color: #00ff00; /* Bright matrix green */
    text-shadow: 0 0 5px #00ff00;
  }
  50% {
    color: #008800; /* Medium green */
    text-shadow: 0 0 3px #008800;
  }
  100% {
    color: #004400; /* Dark green */
    text-shadow: none;
    opacity: 0.6;
  }
}

/* Set up row indices for the cascade effect */
body.theme-dark .ascii-art em span {
  display: inline-block;
  transition: all 0.2s ease;
}