/* Smooth Scroll */
html, body {
  scroll-behavior: smooth;
}

/* Section spacing for fixed navbar */
section {
  padding-top: 80px;
}

/* Headings */
h2 {
  font-weight: 700;
}

/* =====================
   Project Cards
===================== */
.project-card {
  transition: all 0.3s ease;
  border: none;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.project-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
  background: #0d6efd;
  color: white;
}

/* =====================
   Skill Cards
===================== */
.skill-card {
  background: white;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s;
}

.skill-card:hover {
  transform: scale(1.05);
}

/* =====================
   Scroll Reveal
===================== */
.reveal {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s ease;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/* =====================
   Dark Mode
===================== */
body.dark-mode {
  background-color: #121212;
  color: #ffffff;
}

body.dark-mode .bg-light {
  background-color: #1e1e1e !important;
}

body.dark-mode .card,
body.dark-mode .skill-card {
  background-color: #1e1e1e;
  color: #ffffff;
}

body.dark-mode .navbar {
  background-color: #000 !important;
}