/* =============================================================
   account.css — Account/Index (Giriş ekranı, Starter3 standardı)
   Görünümün büyük kısmı css/starter3/layout.css içindeki .auth-*
   class'larından gelir; burada yalnızca sayfaya özel ince ayarlar
   bulunur. Yalnızca token'lara referans verir (ham hex/px YOK).
   ============================================================= */

/* Form alanları arasındaki boşluk .auth-form__form gap'inden gelir;
   form-group ek alt boşluk taşımasın. */
.auth-form__form .form-group {
    margin-bottom: 0;
}

/* Hata uyarısı kartı ile form arasındaki boşluk */
#loginAlert .alert {
    align-items: center;
}

/* Arka plan: Starter3 varsayılanı mavi --brand rampasını kullanır; Kulis'in
   sabit marka rengi indigo olduğu için gradyan --color-primary'den türetilir
   (marka rengi tek kaynaktan: starter3/config.css → --zugo-primary). */
.auth-body {
    background: linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 45%, black));
}

body.dark.auth-body,
body.dark .auth-body {
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 55%, black), color-mix(in srgb, var(--color-primary) 15%, black));
}

/* Kulis logosu koyu zeminli, beyaz "K" içeren dolu bir amblem. Starter3'ün tek
   renkli logo için koyu temada uyguladığı brightness(0) invert(1) filtresi bu
   logoyu düz beyaz kareye çevirir (K kaybolur) — bu yüzden bu logoda devre dışı. */
body.dark .auth-logo__img {
    filter: none;
}