/* MARK: Navbar Customization */
body.dark-mode {
  background-color: #191919;
  color: #a7a7a7;
}
.dark-mode .navbar-custom {
  background: #191919;
}
.dark-mode .nav-menu a {
  color: #a7a7a7;
}
.dark-mode .logo {
  color: #a7a7a7;
}

.dark-mode .nav-wrapper {
  transition: right 0.4s ease-in-out;
}

.dark-mode .hamburger img {
  filter: invert(1);
}

.dark-mode .download-resume-btn {
  background-color: #333;
  border-color: #333;
}

.dark-mode .download-resume-btn:hover {
  background-color: #444;
  border-color: #444;
}

/* MARK: Desktop Mode */
@media screen and (min-width: 930px) {
  .dark-mode .nav-wrapper {
    background: #191919;
    transition: right 0.4s ease-in-out;
  }
}

/* MARK: Mobile Mode */
@media screen and (max-width: 930px) {
  .dark-mode .nav-wrapper {
    background: #363636;
    transition: right 0.4s ease-in-out;
    box-shadow: 0px 0 1px rgba(121, 121, 121, 0.2);
  }

  input:checked + .slider {
    background-color: #4a4949;
  }

  .dark-mode .download-resume-btn {
    background-color: #4a4949;
    border-color: #4a4949;
  }

  .dark-mode .download-resume-btn:hover {
    background-color: #4a4949;
    border-color: #4a4949;
  }
}

/* MARK: Intro Section Customization  */
.dark-mode #intro p {
  color: #eaeaea;
}

/* MARK: Project Customization */
.dark-mode #project h1 {
  color: #cccccc !important;
}

.dark-mode #project .project-description {
  color: #cccccc !important;
}

.dark-mode #project .project-title {
  color: #cccccc !important;
}

.dark-mode #project .pill {
  font-size: 0.6rem;
  font-weight: 300;
  color: #cccccc;
  background-color: #212121;
  padding: 0.2rem 0.5rem;
  border-radius: 0.5rem;
  margin: 0.3rem 0.5rem 0.3rem 0;
}

.dark-mode #project .card-body {
  color: #363636;
}

.dark-mode #project .card {
  background-color: #363636;
}

.dark-mode #project .card {
  border: none;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.059);
  transition: transform 0.2s ease-in-out;
}

/* MARK: Experience Customization */
.dark-mode #experience h1 {
  color: #cccccc !important;
}

.dark-mode #experience .card-body {
  color: #363636;
}

.dark-mode #experience .card {
  background-color: #363636;
}

.dark-mode #experience .card {
  border: none;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.059);
  transition: transform 0.2s ease-in-out;
}

.dark-mode #experience .pill {
  color: #cccccc;
  background-color: #212121;
}

.dark-mode .position-details h2 {
  color: #cccccc !important;
}

.dark-mode #experience ul {
  color: #a7a7a7;
}

.dark-mode #experience .role {
  color: #cccccc;
  background-color: #212121;
}

/* MARK: Educations Customization */
.dark-mode #education h1 {
  color: #cccccc !important;
}

.dark-mode #education .card-body {
  color: #363636;
}

.dark-mode #education .card {
  background-color: #363636;
}

.dark-mode #education .card {
  border: none;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.059);
  transition: transform 0.2s ease-in-out;
}

.dark-mode #education .pill {
  color: #cccccc;
  background-color: #212121;
}

.dark-mode .position-details h2 {
  color: #cccccc !important;
}

.dark-mode #education ul {
  color: #a7a7a7;
}

.dark-mode #education .role {
  color: #cccccc;
  background-color: #212121;
}

/* MARK: Footer Customization */
.dark-mode footer {
  color: #a7a7a7;
}

.dark-mode footer nav a {
  color: #a7a7a7;
}

.dark-mode footer p {
  color: #a7a7a7;
}

.dark-mode footer .logo-text {
  color: #a7a7a7;
}

.dark-mode footer p a {
  color: #13b0f5;
}

.dark-mode .coffee {
  color: #13b0f5;
}

/* MARK: Tech Stack Customization */
.dark-mode #tech-stack h1 {
  color: #cccccc !important;
}