/* Hero Section Dark Mode */
html.dark .hero-section,
body.quarto-dark .hero-section {
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

html.dark .hero-profile-image,
body.quarto-dark .hero-profile-image {
  border: 5px solid #333;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

html.dark .hero-title,
body.quarto-dark .hero-title {
  color: #f0f0f0;
}

html.dark .hero-subtitle,
body.quarto-dark .hero-subtitle {
  color: #e0e0e0;
}

html.dark .hero-role,
body.quarto-dark .hero-role {
  color: #aaa;
}

html.dark .hero-overview,
body.quarto-dark .hero-overview {
  color: #bbb;
}

html.dark .hero-overview:hover,
body.quarto-dark .hero-overview:hover {
  color: #ddd;
}

html.dark .hero-text-content > .hero-subtitle:not(h2),
body.quarto-dark .hero-text-content > .hero-subtitle:not(h2) {
  color: #bbb;
}

html.dark .hero-cta,
body.quarto-dark .hero-cta {
  background: #2ecc71;
  color: #1a1a1a;
}

html.dark .hero-cta:hover,
body.quarto-dark .hero-cta:hover {
  background: #27ae60;
  color: white;
}

/* Cards Dark Mode */
html.dark .info-card,
body.quarto-dark .info-card {
  background: #2d2d2d;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

html.dark .info-card:hover,
body.quarto-dark .info-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}

html.dark .info-card h3,
body.quarto-dark .info-card h3 {
  color: #f0f0f0;
}

html.dark .info-card .meta,
body.quarto-dark .info-card .meta {
  color: #888;
}

html.dark .info-card li,
body.quarto-dark .info-card li {
  border-bottom: 1px solid #444;
}

/* Tech Skills Dark Mode */
html.dark .tech-skills-section,
body.quarto-dark .tech-skills-section {
  border-top: 2px solid rgba(255, 255, 255, 0.1);
}

html.dark .tech-skills-section h3,
body.quarto-dark .tech-skills-section h3 {
  color: #f0f0f0;
}

html.dark .tech-icon,
body.quarto-dark .tech-icon {
  background: #2d2d2d;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

html.dark .tech-icon:hover,
body.quarto-dark .tech-icon:hover {
  box-shadow: 0 4px 16px rgba(46, 204, 113, 0.3);
}

/* About Page Dark Mode */
html.dark .about-hero,
body.quarto-dark .about-hero {
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
}

html.dark .about-image,
body.quarto-dark .about-image {
  border: 5px solid #333;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}