body {
      font-family: 'Poppins', sans-serif;
      transition: background-color 0.3s, color 0.3s;
    }
    .primary-color { color: #4f7517; }
    .highlight-color { color: #88c62d; }
    .highlight-bg { background-color: #88c62d; color: #4f7517; }
    .header-gradient { background: linear-gradient(to right, #4f7517, #086232); }
    .footer-gradient { background: radial-gradient(circle at top left, #4f7517, #086232); }
    .card-shadow {
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
    }
    .dark-mode body {
      background-color: #111827;
      color: #e5e7eb;
    }
    .dark-mode .bg-white {
      background-color: #1f2937;
    }
    .dark-mode .text-gray-800 {
      color: #e5e7eb;
    }
    .dark-mode .text-gray-700 {
      color: #d1d5db;
    }
    .toggle-switch {
      position: fixed;
      bottom: 20px;
      right: 20px;
      width: 60px;
      height: 60px;
      background: #243d80;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 5px 20px rgba(0,0,0,0.3);
      cursor: pointer;
      transition: background 0.3s;
      z-index: 50;
    }
    .toggle-switch i {
      color: #ffdf04;
      font-size: 24px;
    }
    .toggle-switch:hover {
      background: #1a1a40;
    }
    .h-100{
      height:30rem;
    }