/* Dark mode global overrides */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
  }
  
  /* Header and footer */
  body.dark-mode .header,
  body.dark-mode .footer,
  body.dark-mode .top-header,
  body.dark-mode .bottom-header {
    background-color: #1f1f1f;
    border-color: rgba(255, 255, 255, 0.1);
  }
  
  /* Links */
  body.dark-mode a {
    color: #66b2ff;
  }
  
  /* Custom buttons */
  body.dark-mode .my-btn {
    background: linear-gradient(45deg, #66b2ff, #4a4a99);
    color: #fff;
  }
  body.dark-mode {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
  }
  body.dark-mode .header,
body.dark-mode .top-header,
body.dark-mode .bottom-header {
    background-color: #1f1f1f !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

  
  /* You will likely need to override more specific elements defined in your style.css :contentReference[oaicite:6]{index=6} */