:root {
      --primary-color: #27696D;
      --secondary-color: #f6e7d1;
      --accent-color: #f58320;
    }

    body {
      font-family: "Poppins", sans-serif;
    }

    /* Top Bar */
    .top-bar {
      background-color: var(--secondary-color);
      padding: 0.4rem 0;
    }

    .top-bar .emergency-box {
      background-color: white;
      border: 2px solid var(--accent-color);
      border-radius: 10px;
      padding: 6px 15px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-weight: 600;
      color: var(--accent-color);
    }

    /* Navbar */
    .navbar {
      background-color: var(--primary-color) !important;
    }

    .navbar-nav .nav-link {
      color: white !important;
      font-weight: 500;
      text-transform: uppercase;
      padding: 0.8rem 1rem;
    }

    .navbar-nav .nav-link:hover {
      color: var(--accent-color) !important;
    }

    .navbar-brand img {
      height: 60px;
    }

    @media (max-width: 992px) {
      .navbar-brand img {
        height: 50px;
      }
    }


     .footer-link:hover {
      color: var(--accent-color) !important;
    }
    .social-btn:hover {
      background-color: var(--accent-color) !important;
      color: white !important;
      transform: translateY(-3px);
    }
    .emergency-btn:hover {
      transform: scale(1.05);
    }
    .back-top-btn:hover {
      background-color: var(--accent-color) !important;
      color: white !important;
      transform: translateY(-5px);
    }
    .social-btn, .emergency-btn, .back-top-btn {
      transition: all 0.3s ease;
    }