/* ===== Design Tokens (wie Dashboard) ===== */
:root {
  --bg: #0b0d10;
  --panel: #11161c;
  --panel-2: #151c24;
  --text: #e8eef5;
  --muted: #99a6b3;
  --brand: #4ea8ff;
  --ok: #2ecc71;
  --warn: #f39c12;
  --bad: #ff5b5b;
  --chip: #1b2430;
  --border: #1f2a36;
  --radius: 14px;
  --shadow: 0 8px 30px rgba(0,0,0,.35);
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: #f5f7fb;
    --panel: #ffffff;
    --panel-2: #ffffff;
    --text: #0b0d10;
    --muted: #5b6773;
    --brand: #1e78ff;
    --ok: #1f9254;
    --warn: #b26a00;
    --bad: #cc2b2b;
    --chip: #eef2f7;
    --border: #e7edf3;
    --shadow: 0 6px 18px rgba(9,30,66,.12);
  }
}

/* ===== Base ===== */

.navbar-light.bg-light {
  background: rgba(255,255,255,0.85) !important;
  backdrop-filter: saturate(140%) blur(8px);
}

/* ===== Login spezifisch ===== */
body {
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(78,168,255,.12), transparent),
    radial-gradient(1000px 500px at 90% -10%, rgba(46,204,113,.10), transparent),
    var(--bg);
}

.soft-card {
  border: 1px solid var(--border);
  background: var(--panel);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.form-control, .input-group-text, .btn-outline-secondary {
  background: var(--panel-2);
  border: 1px solid var(--border);
  color: var(--text);
}

.btn-outline-secondary:hover { filter: brightness(1.06); }