body[data-theme="light"] {
  background-color: #ffffff;
  color: #1a1a1a;
}

body[data-theme="light"] .navbar {
  background-color: #31313100;
}

body[data-theme="light"] .navbar.scrolled {
  background-color: #ffffff00;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

body[data-theme="light"] .btn-user {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #b1b1b146;
  border: 1px solid #1a1a1a2d;
  border-radius: 8px;
  color: #1a1a1a;
  padding: 0.6rem 1rem;
  transition: all 0.3s ease;
  text-align: left;
  min-width: 200px;
  position: relative;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

body[data-theme="light"] .btn-user:hover,
.btn-user:focus {
  background-color: #c1c1c11f;
  color: #1a1a1a;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

body[data-theme="light"] .bg-light {
  background-color: #f8f9fa !important;
}

body[data-theme="light"] .section-title {
  color: #333333;
}

body[data-theme="light"] .card {
  background-color: #ffffff;
  color: #333333;
}

body[data-theme="light"] .footer {
  background-color: #1b5e20;
  color: white;
}

body[data-theme="dark"] {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

body[data-theme="dark"] .navbar {
  background-color: #1a1a1ac2 !important;
  color: #fff !important;
  border-bottom: #2c2c2c00 solid 1px;
}

body[data-theme="dark"] .navbar.scrolled {
  background-color: #1a1a1ac2 !important;
  color: #fff !important;
}

body[data-theme="dark"] .nav-link {
  color: #c1c1c1 !important;
}

body[data-theme="dark"] .nav-link:hover {
  color: #2e7d32 !important;
}

body[data-theme="dark"] .btn-user {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #c1c1c11f;
  border: 1px solid #ffffff33;
  border-radius: 8px;
  color: #c1c1c1;
  padding: 0.6rem 1rem;
  transition: all 0.3s ease;
  text-align: left;
  min-width: 200px;
  position: relative;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

body[data-theme="dark"] .btn-user:hover,
.btn-user:focus {
  background-color: #c1c1c11f;
  color: #c1c1c1;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

body[data-theme="dark"] .navbar.scrolled .btn-user, .navbar.scrolled .btn-user:hover,
.navbar.scrolled .btn-user:focus {
  background-color: #c1c1c11f;
  border: 1px solid #ffffff33;
  color: #c1c1c1;
}

body[data-theme="dark"] .navbar-brand,
body[data-theme="dark"] .nav-link,
body[data-theme="dark"] .btn-login {
  color: #e0e0e0;
}

body[data-theme="dark"] .bg-light {
  background-color: #1a1a1a !important;
}

body[data-theme="dark"] .section-title {
  color: #e0e0e0;
}

body[data-theme="dark"] .card {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

body[data-theme="dark"] .footer {
  background-color: #1b5e20;
  color: #e0e0e0;
}

body[data-theme="dark"] .carousel-caption {
  color: #e0e0e0;
}

body[data-theme="dark"] .btn-green {
  background-color: #28a745;
  color: #ffffff;
}

body[data-theme="dark"] .feature-icon {
  color: #28a745;
}

body[data-theme="dark"] .btn-theme {
  color: #fff !important;
}