/* ABSOLUTE FINAL OVERRIDE: creative skills readability + light theme cleanup. No gradients. */
html body.dark-theme section#skills.skills .skill-category,
html body.dark-theme .skills .skill-category,
html body.dark-theme .skill-category:nth-child(1),
html body.dark-theme .skill-category:nth-child(2),
html body.dark-theme .skill-category:nth-child(3),
html body.dark-theme .skill-category:nth-child(4){
  background:#1b1f3a!important;
  background-image:none!important;
  color:#f8fafc!important;
  border:1px solid #3c456d!important;
  box-shadow:0 18px 46px rgba(0,0,0,.24)!important;
  filter:none!important;
  animation:none!important;
}
html body.dark-theme .skills .skill-category h3,
html body.dark-theme .skills .skill-category .skill-item,
html body.dark-theme .skills .skill-category span{
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
}
html body.dark-theme .skills .skill-category:hover,
html body.dark-theme .skills .skill-category:nth-child(1):hover,
html body.dark-theme .skills .skill-category:nth-child(2):hover,
html body.dark-theme .skills .skill-category:nth-child(3):hover,
html body.dark-theme .skills .skill-category:nth-child(4):hover{
  background:#facc15!important;
  background-image:none!important;
  color:#111827!important;
  border-color:#facc15!important;
  box-shadow:6px 7px 0 rgba(0,0,0,.55),0 20px 48px rgba(250,204,21,.14)!important;
  transform:translateY(-5px)!important;
  filter:none!important;
  animation:none!important;
}
html body.dark-theme .skills .skill-category:hover h3{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}
html body.dark-theme .skills .skill-category .skill-item{
  background:#11152b!important;
  background-image:none!important;
  border:1px solid #d8def0!important;
  box-shadow:3px 3px 0 rgba(0,0,0,.55)!important;
}
html body.dark-theme .skills .skill-category:hover .skill-item{
  background:#ffffff!important;
  background-image:none!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  border-color:#111827!important;
}
html body.dark-theme .skills .skill-category .skill-item:hover{
  background:#5eead4!important;
  background-image:none!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  border-color:#5eead4!important;
}
/* Light theme: remove grey cards completely */
html body:not(.dark-theme),
html body:not(.dark-theme) section,
html body:not(.dark-theme) .skills{
  background:#f7fbff!important;
  background-image:none!important;
}
html body:not(.dark-theme) .skills .skill-category,
html body:not(.dark-theme) .skill-category:nth-child(1),
html body:not(.dark-theme) .skill-category:nth-child(2),
html body:not(.dark-theme) .skill-category:nth-child(3),
html body:not(.dark-theme) .skill-category:nth-child(4){
  background:#ffffff!important;
  background-image:none!important;
  color:#172033!important;
  border:1px solid #d7e2ec!important;
  box-shadow:0 14px 34px rgba(23,32,51,.08)!important;
  filter:none!important;
  animation:none!important;
}
html body:not(.dark-theme) .skills .skill-category h3{
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
}
html body:not(.dark-theme) .skills .skill-category:hover,
html body:not(.dark-theme) .skills .skill-category:nth-child(1):hover,
html body:not(.dark-theme) .skills .skill-category:nth-child(2):hover,
html body:not(.dark-theme) .skills .skill-category:nth-child(3):hover,
html body:not(.dark-theme) .skills .skill-category:nth-child(4):hover{
  background:#facc15!important;
  background-image:none!important;
  color:#111827!important;
  border-color:#eab308!important;
  box-shadow:6px 7px 0 rgba(23,32,51,.16),0 18px 42px rgba(234,179,8,.14)!important;
}
html body:not(.dark-theme) .skills .skill-category:hover h3{
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
}
html body:not(.dark-theme) .skills .skill-category .skill-item{
  background:#eef6fb!important;
  background-image:none!important;
  color:#172033!important;
  -webkit-text-fill-color:#172033!important;
  border:1px solid #b8c8d8!important;
  box-shadow:2px 2px 0 rgba(23,32,51,.13)!important;
}
html body:not(.dark-theme) .skills .skill-category:hover .skill-item{
  background:#ffffff!important;
  background-image:none!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  border-color:#111827!important;
}
html body:not(.dark-theme) .skills .skill-category .skill-item:hover{
  background:#5eead4!important;
  background-image:none!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  border-color:#5eead4!important;
}