/* Varied colors for skill icons */
.skills-grid .skill-card:nth-child(1) i {
  color: #4285F4; /* Google Blue */
}

.skills-grid .skill-card:nth-child(2) i {
  color: #0078D7; /* Azure Blue - keep one icon with your brand color */
}

.skills-grid .skill-card:nth-child(3) i {
  color: #FF5722; /* Deep Orange */
}

.skills-grid .skill-card:nth-child(4) i {
  color: #673AB7; /* Deep Purple */
}

.skills-grid .skill-card:nth-child(5) i {
  color: #E91E63; /* Pink */
}

.skills-grid .skill-card:nth-child(6) i {
  color: #009688; /* Teal */
}

/* Dark mode support */
body.dark-mode .skills-grid .skill-card:nth-child(1) i {
  color: #5C9CFF; /* Lighter Google Blue */
}

body.dark-mode .skills-grid .skill-card:nth-child(2) i {
  color: #2196F3; /* Lighter Azure Blue */
}

body.dark-mode .skills-grid .skill-card:nth-child(3) i {
  color: #FF7043; /* Lighter Deep Orange */
}

body.dark-mode .skills-grid .skill-card:nth-child(4) i {
  color: #9575CD; /* Lighter Deep Purple */
}

body.dark-mode .skills-grid .skill-card:nth-child(5) i {
  color: #F06292; /* Lighter Pink */
}

body.dark-mode .skills-grid .skill-card:nth-child(6) i {
  color: #4DB6AC; /* Lighter Teal */
}