.bg {
    background-color:white;
    color: black ;
  }

  .button_bg{
    background-color: rgb(0, 149, 255);
  }
/* Navy Theme */ 
  html.navy body {
    background-color: #0a192f;
    color: #e6f1ff;
  }

   html.navy .bg {
    background-color: #112240;
    color: #e6f1ff;
  }

  html.navy .button_bg{
    background-color: #112240;
  }

  html.navy .logo{
    color: #64ffda;
  }
  html.navy header,
  html.navy nav {
    background-color: #112240;
  }
  html.navy a:hover {
    color: black;
  }
  html.navy .hover\:bg-gray-200:hover,
  html.navy .hover\:bg-gray-700:hover {
    background-color: #1e2a47 !important;
  }

  /* Dark Theme */
  html.dark body {
    background-color: #121212;
    color: #f1f1f1;
  }

  html.dark .bg{
   background-color: #121212;
    color: #f1f1f1;
  }
  html.dark header,
  html.dark nav {
    background-color: #1e1e1e;
  }
  html.dark a {
    color: #bb86fc;
  }
  html.dark a:hover {
    color: #d0a7ff;
  }
  html.dark .hover\:bg-gray-200:hover,
  html.dark .hover\:bg-gray-700:hover {
    background-color: #2a2a2a !important;
  }

    html.dark .button_bg{
    background-color: indigo;
  }