/* ================================================
   🌗 THEME VARIABLES (Dark & Light Mode Compatible)
   ================================================ */
:root {
  --ng-bg: #0f0f10;
  --ng-card: rgba(255,255,255,0.04);
  --ng-accent: #00b7ff;
  --ng-text: #e6eef8;
}

body.light-mode {
  --ng-bg: #ffffff;
  --ng-card: rgba(0,0,0,0.05);
  --ng-accent: #007bff;
  --ng-text: #000000;
}


/* ================================================
   Neoglass Auth (Login & Register)
   ================================================ */

.ng-auth {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
  padding: 20px;
}

.ng-auth-card {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 14px;
  padding: 25px 30px;
  width: 100%;
  max-width: 400px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

.ng-auth-card h2 {
  margin-bottom: 15px;
  color: var(--ng-text, #fff);
}

.ng-auth-card input {
  width: 100%;
  padding: 10px 14px;
  margin-bottom: 12px;
  border: 1px solid #333;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--ng-text, #fff);
}

.ng-auth-card input[type="submit"] {
  margin-top: 10px;
  cursor: pointer;
}

.ng-auth-note {
  margin-top: 10px;
  color: #aaa;
  font-size: 0.9rem;
}

.ng-auth-note a {
  color: var(--ng-accent, #00b7ff);
}

.ng-auth-error {
  background: #e74c3c;
  color: #fff;
  padding: 8px 10px;
  border-radius: 6px;
  margin-bottom: 10px;
  font-size: 0.9rem;
}