:root {
    --dg-gold: #FFD700;  /* Color similar to the logo text */
    --dg-dark-gold: #7F6B00;  /* Dark Color similar to the logo text */
    --dg-black: #000000; /* Background color from the logo */
    --dg-yellow: #FFF700; /* Color similar to the "ZOMBIE DESERT" text */
    --dg-dark-blue: #0A0A1A; /* Dark blue color from the night sky in the game image */
    --dg-gray: #4A4A4A; /* Grayish color for the mountains/landscape in the game image */
  }
  
  /* Custom styles */
  body {
    background-color: var(--dg-dark-blue);
    color: var(--dg-gold);
  }
  
  .bg-primary {
    background-color: var(--dg-dark-gold) !important;
  }
  
  .bg-dark {
    background-color: var(--dg-dark-blue) !important;
  }

  .navbar {
    background-color: var(--dg-black);
  }
  
  .navbar-brand {
    color: var(--dg-gold) !important;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  }
  
  .nav-link {
    color: var(--dg-yellow) !important;
  }
  
  .btn-primary {
    background-color: var(--dg-gold);
    border-color: var(--dg-gold);
    color: var(--dg-black);
  }
  
  .btn-primary:hover {
    background-color: var(--dg-yellow);
    border-color: var(--dg-yellow);
    color: var(--dg-black);
  }
  
  .btn-primary:active {
    background-color: var(--dg-dark-gold) !important;
    border-color: var(--dg-dark-gold) !important;
    color: var(--dg-black) !important;
  }
  
  .card {
    background-color: var(--dg-gray);
    border-color: var(--dg-gold);
  }
  
  .card-title {
    color: var(--dg-yellow);
  }
  
  .footer {
    background-color: var(--dg-black);
    color: var(--dg-gold);
  }