/* Dark Mode Styles */
body.dark-mode {
  background: #1a1a1a;
}

body.dark-mode .engineering-manual {
  background: #252525;
  color: #e8e4d9;
  border: 1px solid #444;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
}

/* Hole punches - dark mode */
body.dark-mode .engineering-manual::before {
  border-left: 2px dashed #555;
}

body.dark-mode .engineering-manual::after {
  color: #555;
}

/* ASCII Logo - dark mode */
body.dark-mode .engineering-manual .ascii-logo {
  color: #4a7fd4;
}

/* Dot decoration - dark mode */
body.dark-mode .dot-decoration {
  background-image: radial-gradient(circle, #555 1px, transparent 1px);
}

/* Typography - dark mode */
body.dark-mode .engineering-manual h1 {
  color: #e8e4d9;
}

body.dark-mode .engineering-manual h2 {
  color: #e8e4d9;
  border-bottom-color: #e8e4d9;
}

body.dark-mode .engineering-manual h2::after {
  color: #555;
}

body.dark-mode .engineering-manual h3 {
  color: #4a7fd4;
}

body.dark-mode .engineering-manual p,
body.dark-mode .engineering-manual li {
  color: #c5c5c5;
}

body.dark-mode .engineering-manual hr {
  border-top-color: #444;
}

body.dark-mode .engineering-manual code {
  background: #333;
  border: 1px solid #444;
  color: #e8e4d9;
}

body.dark-mode .engineering-manual strong {
  color: #e8e4d9;
}

body.dark-mode .engineering-manual a {
  color: #4a7fd4;
  border-bottom-color: #4a7fd4;
}

/* Buttons - dark mode */
body.dark-mode .engineering-manual .cta-buttons a {
  border-color: #4a7fd4;
  color: #4a7fd4;
}

body.dark-mode .engineering-manual .cta-buttons a:hover {
  background-color: #4a7fd4;
  color: #252525;
}

/* Footer - dark mode */
body.dark-mode .engineering-manual .footer-text {
  color: #888;
}

body.dark-mode .engineering-manual .footer-text strong {
  color: #e8e4d9;
}

/* Toggle button */
.theme-toggle {
  position: fixed;
  top: 20px;
  right: 20px;
  background: #252525;
  border: 2px solid #444;
  color: #e8e4d9;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  padding: 10px 16px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  transition: all 0.2s;
  z-index: 1000;
}

.theme-toggle:hover {
  background: #333;
}

body.dark-mode .theme-toggle {
  background: #f5f3eb;
  border-color: #ccc;
  color: #1a1a1a;
}

body.dark-mode .theme-toggle:hover {
  background: #e8e4d9;
}