/* dark-mode.css */
body.dark-mode {
    --primary-color: #6d8dff;
    --secondary-color: #adb5bd;
    --background-color: #121212;
    --text-color: #f8f9fa;
    --card-bg-color: #1e1e1e;
    --border-color: #2d2d2d;
    --header-bg: #1e1e1e;
    --footer-bg: #1e1e1e;
    --skill-bar-bg: #2d2d2d;
}

body.dark-mode .hero {
    background-image: url('/assets/images/cloudDark.png') !important;
  }

body.dark-mode .fa-moon {
    display: none;
}

body.dark-mode .fa-sun {
    display: inline-block;
    color: #f8f9fa;
}

body.dark-mode .hamburger span {
    background-color: var(--text-color);
}

body.dark-mode .form-group input,
body.dark-mode .form-group textarea {
    background-color: #2d2d2d;
    color: var(--text-color);
    border-color: #3d3d3d;
}

body.dark-mode .skill-item {
    background: #1e293b;
  }
  
  body.dark-mode .skill-item span {
    color: #f1f5f9;
  }


body.dark-mode .light-logo {
  display: none;
}

body.dark-mode .dark-logo {
  display: inline-block;
}

body.dark-mode .btn.secondary {
  color: #ffffff !important;
  border-color: #ffffff;
}
body.dark-mode .btn.secondary:hover {
    background-color: #ffffff;
    color: #121212 !important;
}