/* ============================================================
   front-light.css — JASNY MOTYW strony głównej (login.html, od 49.9)
   Ładowany PO auth.css — nadpisuje tokeny --auth-* (auth.css jest w pełni
   stokenizowany) + kilkanaście hardcodowanych ciemnych rgba (panele/inputy).
   Spójny z lobby.css: jasny pergamin + złoto gry, nowoczesne karty.
   ============================================================ */

:root {
  --auth-gold:        #a07510;
  --auth-gold-soft:   #c9a13d;
  --auth-gold-dim:    #8a6410;
  --auth-bg-0:        #f6f2e8;
  --auth-bg-1:        #f1ead9;
  --auth-bg-2:        #eadfc6;
  --auth-text:        #26200f;
  --auth-text-dim:    rgba(38, 32, 15, 0.68);
  --auth-text-mute:   rgba(38, 32, 15, 0.45);
  --auth-glass-bg:    rgba(255, 253, 248, 0.82);
  --auth-glass-bord:  rgba(160, 117, 16, 0.28);
  --auth-glass-bord-h:rgba(160, 117, 16, 0.55);
  --auth-shadow:      0 18px 44px -18px rgba(90, 70, 20, 0.28);
}

/* Hardcodowane ciemne tła paneli/topbara/inputów -> jasne odpowiedniki.
   Selektory celowo szerokie po klasach auth (nie dotykają gry/admina —
   plik ładuje tylko login.html). */
.auth-topbar          { background: rgba(255, 253, 248, 0.85) !important; }
.auth-card, .auth-panel, .auth-section-card,
.auth-news-item, .auth-form-box {
  background: rgba(255, 253, 248, 0.85) !important;
}
.auth-input {
  background: #fffdf8 !important;
  color: var(--auth-text) !important;
  border-color: rgba(160, 117, 16, 0.35) !important;
}
.auth-input:focus { border-color: var(--auth-gold) !important; }

/* Przyciski primary: złoto z ciemnym tekstem zostaje czytelne na jasnym —
   tylko cień łagodniejszy. Ghost: ciemny tekst. */
.auth-btn-ghost, .auth-link { color: var(--auth-gold-dim) !important; }

/* Animowane bloby tła: na jasnym gruncie mocno wyciszone. */
.auth-bg { opacity: 0.35; }

/* Scroll płynny, selection w marce. */
::selection { background: rgba(160, 117, 16, 0.25); }