/* ============================================================================
   poSell — Bootstrap 5 köprüsü  ·  GİRİŞ EKRANI
   ============================================================================

   Giriş ekranı ana uygulamadan FARKLI bir Bootstrap sürümü kullanıyor:
   `login.php` → `resources/bootswatch5/`, uygulama → `resources/bootswatch/` (BS3).
   Bu yüzden iki ayrı adaptör var; `bs3.css` buraya ASLA yüklenmemeli (BS3
   kuralları BS5 grid'ini bozar) — `theme-assets.sh` bunu denetler.

   İYİ HABER: BS5 kendi CSS değişkenlerini kullanıyor, yani burada bileşen
   ezmeye gerek yok — `--bs-*` değişkenlerini kendi tokenlarımıza bağlamak
   yetiyor. Bu dosya bu yüzden bs3.css'in onda biri kadar.
   ========================================================================= */

:root {
    --bs-body-bg: var(--ps-paper);
    --bs-body-color: var(--ps-ink);
    --bs-body-font-family: var(--ps-font-ui);
    --bs-body-font-size: var(--ps-fs-base);

    --bs-primary: var(--ps-brand);
    --bs-primary-rgb: 154, 52, 18;
    --bs-link-color: var(--ps-brand);
    --bs-link-hover-color: var(--ps-brand-2);

    --bs-border-color: var(--ps-line);
    --bs-border-radius: var(--ps-r-2);
    --bs-border-radius-lg: var(--ps-r-3);
    --bs-border-radius-xl: var(--ps-r-4);

    --bs-secondary-color: var(--ps-ink-2);
    --bs-tertiary-color: var(--ps-ink-3);
    --bs-tertiary-bg: var(--ps-surface-2);

    --bs-danger: var(--ps-danger);
    --bs-warning: var(--ps-warn);
    --bs-success: var(--ps-ok);
    --bs-info: var(--ps-info);
}

/* `--bs-*` ile karşılığı olmayan birkaç yüzey. */

.bg-body,
.card {
    background-color: var(--ps-surface);
}

.shadow,
.shadow-sm {
    box-shadow: var(--ps-shadow-m);
}

.btn-primary {
    --bs-btn-bg: var(--ps-brand);
    --bs-btn-border-color: var(--ps-brand);
    --bs-btn-hover-bg: var(--ps-brand-2);
    --bs-btn-hover-border-color: var(--ps-brand-2);
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    font-weight: 600;
}

.form-control:focus {
    border-color: var(--ps-brand);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ps-brand) 18%, transparent);
}

/* Marka logotype — `login.css`'te sabit hex yazılıydı, token'a bağlandı.
   Familjen Grotesk artık gerçekten yükleniyor (aşama 2'ye kadar sessizce
   sistem fontuna düşüyordu). */
.brandtype {
    font-family: var(--ps-font-ui);
    color: var(--ps-ink);
}

.brandtype-s {
    color: var(--ps-brand);
}