/* =========================
     Skills Section
  ========================= */
.skill-item {
  text-align: center;
}

.skill-item .icon-circle {
  width: 90px;
  height: 90px;
  margin: 0 auto;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

body.dark-mode .icon-circle {
  background: #1e1e1e;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.05);
}

.skill-item .icon-circle img {
  width: 60%;
  height: 60%;
  object-fit: contain;
}

.skill-item:hover .icon-circle {
  transform: translateY(-6px) scale(1.05);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}

body.dark-mode .skill-item:hover .icon-circle {
  box-shadow: 0 6px 16px rgba(255, 255, 255, 0.1);
}

.skill-item h6 {
  font-weight: 600;
  margin-top: 0.5rem;
}

/* Dark Mode - Skills Section Enhancements */
body.dark-mode .icon-circle {
  background: #ffffff; /* White background for logos */
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.05);
}

body.dark-mode .skill-item:hover .icon-circle {
  box-shadow: 0 6px 16px rgba(255, 255, 255, 0.15);
}

/* =======================================
     Global Tech Stack + Categories Colors
========================================== */
.tag-python {
  background-color: #3776ab;
}
.tag-flask {
  background-color: #6d6d6d;
}
.tag-numpy {
  background-color: #1a4d66;
}
.tag-pandas {
  background-color: #1da57a;
}
.tag-scikitlearn {
  background-color: #f28e2b;
}
.tag-keras {
  background-color: #d94864;
}
.tag-pytorch {
  background-color: #ff6f61;
}
.tag-seaborn {
  background-color: #4b79a1;
}
.tag-matplotlib {
  background-color: #00a6a6;
}
.tag-plotly {
  background-color: #7b61ff;
}
.tag-streamlit {
  background-color: #ff4b4b; /* new color for Streamlit */
}

/* =========================
     Category Tag Colors
========================= */
.tag-artificialintelligence {
  background-color: #8256d0;
}
.tag-machinelearning {
  background-color: #ff9933; /* changed to distinguish from Python */
}
.tag-deeplearning {
  background-color: #ff7f0e;
}
.tag-webapp {
  background-color: #2ca02c;
}
.tag-api {
  background-color: #17becf;
}
.tag-datascience {
  background-color: #d1c62e;
}
.tag-nlp {
  background-color: #e377c2;
}
.tag-visualization {
  background-color: #a374d0;
}
.tag-automation {
  background-color: #d62728;
}
.tag-webdev {
  background-color: rgb(229, 129, 66);
}
.tag-beginner {
  background-color: #6ab04c; /* green for beginner */
}
.tag-intermediate {
  background-color: #f9ca24; /* yellow for intermediate */
}
.tag-advanced {
  background-color: #eb4d4b; /* red for advanced */
}

/* =========================
     Additional Category Tags
========================= */
.tag-developer {
  background-color: #2e86de; /* bright blue */
}
.tag-programming {
  background-color: #16a085; /* teal-green */
}
.tag-programmer {
  background-color: #6c5ce7; /* violet */
}
.tag-coder {
  background-color: #ff7675; /* coral pink */
}
.tag-libraries {
  background-color: #0984e3; /* vibrant blue */
}
.tag-codinglife {
  background-color: #e17055; /* warm orange */
}
.tag-tech {
  background-color: #00b894; /* fresh green */
}