/* Therapeutic Modalities Guide - Dark Mode Styles */
/* Dark mode color overrides for improved readability and reduced eye strain */

/* ============================================
   Dark Mode Variables
   ============================================ */
body.dark-mode {
  /* Color Palette - Dark Mode */
  --color-background: #1A1A1A;
  --color-primary-text: #E5E5E5;
  --color-secondary-text: #A0A0A0;
  --color-accent: #9CAF9C;
  --color-card-bg: #2D2D2D;
  --color-border: #404040;
  --color-hover: #353535;
  --color-focus: #9CAF9C;
  
  /* Adjusted shadows for dark mode */
  --shadow-card: 0 2px 4px rgba(0, 0, 0, 0.3);
  --shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-focus: 0 0 0 3px rgba(156, 175, 156, 0.4);
}

/* ============================================
   Dark Mode Specific Adjustments
   ============================================ */
body.dark-mode {
  background-color: var(--color-background);
  color: var(--color-primary-text);
}

body.dark-mode .header {
  background-color: var(--color-card-bg);
  border-bottom-color: var(--color-border);
}

body.dark-mode .sidebar {
  background-color: var(--color-card-bg);
  border-right-color: var(--color-border);
}

body.dark-mode .therapy-card {
  background-color: var(--color-card-bg);
}

body.dark-mode .content-section {
  background-color: var(--color-card-bg);
}

body.dark-mode .search-input {
  background-color: var(--color-card-bg);
  border-color: var(--color-border);
  color: var(--color-primary-text);
}

body.dark-mode .search-results {
  background-color: var(--color-card-bg);
}

body.dark-mode .technique-item,
body.dark-mode .concept-item {
  background-color: var(--color-background);
}

body.dark-mode .diagram-container {
  background-color: var(--color-background);
}

body.dark-mode .data-table th {
  background-color: var(--color-background);
}

body.dark-mode .btn-secondary {
  background-color: var(--color-card-bg);
  border-color: var(--color-border);
  color: var(--color-primary-text);
}

body.dark-mode .btn-secondary:hover {
  background-color: var(--color-hover);
}

body.dark-mode .page-nav-link {
  background-color: var(--color-card-bg);
  border-color: var(--color-border);
  color: var(--color-primary-text);
}

body.dark-mode .quick-jump-link {
  background-color: var(--color-background);
}

body.dark-mode .footer {
  background-color: var(--color-card-bg);
  border-top-color: var(--color-border);
}

/* ============================================
   Dark Mode Link Colors
   ============================================ */
body.dark-mode a {
  color: var(--color-accent);
}

body.dark-mode a:hover {
  color: var(--color-primary-text);
}

/* ============================================
   Dark Mode Form Elements
   ============================================ */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
  background-color: var(--color-card-bg);
  border-color: var(--color-border);
  color: var(--color-primary-text);
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
  color: var(--color-secondary-text);
}

/* ============================================
   Dark Mode Icons & SVG
   ============================================ */
body.dark-mode svg {
  fill: currentColor;
}

body.dark-mode .btn-icon {
  color: var(--color-secondary-text);
}

body.dark-mode .btn-icon:hover {
  background-color: var(--color-hover);
  color: var(--color-primary-text);
}

/* ============================================
   Dark Mode Accessibility
   ============================================ */
body.dark-mode :focus-visible {
  outline-color: var(--color-focus);
}

body.dark-mode .skip-link {
  background-color: var(--color-accent);
  color: var(--color-background);
}

/* ============================================
   Dark Mode Print (revert to light)
   ============================================ */
@media print {
  body.dark-mode {
    --color-background: #FAFAF8;
    --color-primary-text: #2D2D2D;
    --color-secondary-text: #8E8E8E;
    --color-card-bg: #FFFFFF;
    --color-border: #E5E5E5;
  }
}