:root {
    --text-color: #fff;
    --background-color: #333;
}

[data-theme="light"] {
    --text-color: #000;
    --background-color: #fff;
}

body {
    background-color: var(--background-color);
    color: var(--text-color);
}
  
.card {
    background-color: var(--background-color);
    color: var(--text-color);
}

.card-text {
    color: inherit; /* overrides Bootstrap's color */
}
.login-container {
    max-width: 500px;
    margin: auto;
    padding: 15px;
  }
  .login-logo {
    width: 300px;
    margin: 30px auto;
  }
  .login-card {
    margin: 50px 0;
  }
  .theme-btn {
    margin: 10px 0;
  }
  .bg-danger {
    padding: 10px;
  }