:root {
  --accent: #7c3aed;
}

.avatar-shadow {
  box-shadow: 0 8px 30px rgb(97, 95, 255);
}

html {
  scroll-behavior: smooth;
}

.footer-bg {
  background-color: rgb(30, 39, 52);
}

.footer-bg {
  background-color: rgb(30, 39, 52);
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  border-bottom-left-radius: 32px; 
  border-bottom-right-radius: 32px;
}

[id] {
  scroll-margin-top: 150px;
}

/* accesibilidad */

#accessibilityBtn i {
  font-size: 1.7rem;
}

.high-contrast {
  background-color: #000 !important;
  color: #fff !important;
}

.high-contrast a {
  color: yellow !important;
  text-decoration: underline !important;
}

.font-size-increased {
  font-size: 1.2rem;
}

.font-size-decreased {
  font-size: 0.8rem;
}

/* GitHub y LinkedIn */
.img-social a {
  color: #D1D5DB;
  border: 1px solid #6B7280;
  transition: all 0.3s;
}

.img-social a:hover {
  background-color: #615FFF;
  border-color: #615FFF;
  color: white;
}

.light-mode .img-social a {
  color: #000;
}

#projectsGrid h3 {
  color: #fff;
}

#projectsGrid span {
  background-color: #374151;
  color: #e5e7eb;
}