/**
 * Readability improvements for dark mode
 * These styles enhance text contrast, particularly for purple-colored elements
 */

/* Improve contrast for primary text elements in dark mode */
[data-bs-theme="dark"] {
  --bs-primary: #a64dff; /* Lighter purple for better contrast */
  --bs-primary-rgb: 166, 77, 255;
}

/* Enhanced hero section text contrast */
[data-bs-theme="dark"] .hero-content h2.text-primary,
[data-bs-theme="dark"] .text-primary {
  color: #b975ff !important; /* Brighter purple for better visibility */
}

/* Timeline heading improvements */
[data-bs-theme="dark"] .timeline-content h5 {
  color: #b975ff; /* Brighter color for timeline role titles */
  font-weight: 500;
}

/* Improve contrast for highlighted elements */
[data-bs-theme="dark"] .highlight {
  color: #b975ff; /* Brighter purple */
  font-weight: 600;
}

/* Enhance contrast for tech tags */
[data-bs-theme="dark"] .tech-tag {
  background-color: rgba(185, 117, 255, 0.15); /* More visible background */
  color: #d1a5ff; /* Lighter text color */
}

/* Skill item percentage contrast */
[data-bs-theme="dark"] .skill-percentage {
  color: #b975ff; /* Brighter purple */
  font-weight: 600;
}

/* Improve link contrast */
[data-bs-theme="dark"] a:not(.btn):not(.nav-link) {
  color: #b975ff; /* Brighter purple */
}

[data-bs-theme="dark"] a:not(.btn):not(.nav-link):hover {
  color: #d1a5ff; /* Even lighter on hover */
  text-decoration: underline;
}

/* Role icon contrast */
[data-bs-theme="dark"] .role-icon {
  color: #b975ff; /* Brighter color */
  background: rgba(185, 117, 255, 0.15); /* More visible background */
}

/* Improve filter button contrast */
[data-bs-theme="dark"] .btn-outline-primary {
  border-color: #b975ff;
  color: #b975ff;
}

[data-bs-theme="dark"] .btn-outline-primary:hover,
[data-bs-theme="dark"] .btn-outline-primary.active {
  background-color: #b975ff;
  border-color: #b975ff;
  color: #fff;
}

/* Primary button contrast enhancement */
[data-bs-theme="dark"] .btn-primary {
  background-color: #a64dff; /* Lighter background */
  border-color: #a64dff;
}

[data-bs-theme="dark"] .btn-primary:hover {
  background-color: #b975ff; /* Even lighter on hover */
  border-color: #b975ff;
}

/* Improve readability of regular text */
[data-bs-theme="dark"] p,
[data-bs-theme="dark"] .lead {
  color: #f8f9fa; /* Ensure text is very light */
}

/* Improve contrast for section headings */
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3 {
  color: #ffffff; /* Ensure headings are white for maximum contrast */
  font-weight: 600; /* Make slightly bolder */
}