dy.dark-mode .social-links a:hover {
      background: rgba(144, 205, 244, 0.2);
      color: #90cdf4;
    }

    body.dark-mode .footer-bottom {
      background: rgba(0, 0, 0, 0.3);
      border-top-color: rgba(224, 224, 224, 0.1);
    }

    /* Dark mode toggle styles */
    .dark-toggle {
      background: none;
      border: none;
      color: inherit;
      cursor: pointer;
      padding: 8px;
      font-size: 1.2rem;
      display: flex;
      align-items: center;
      justify-content: center;
     