/* ============================================
   GİRİŞ SAYFALARI — ortak palet, yazı tipi ve koyu yüzey (Gece 13b, açık iş 316, patron kararı 11.11.2026)
   ============================================
   Bağlayan sayfalar (Areas/Identity/Pages/Account): Login, ForgotPassword, SelectTenant, ScheduleDenied, Register. Her sayfa bu
   dosyayı fonts.css'ten hemen sonra bağlar; kendi <style> bloğu yalnız düzeni taşır, renkleri ve yazı tipini buradaki adlarla okur.
   Değer yalnız burada değişir: eskiden aynı palet beş sayfada ayrı kopyaydı.

   Patronun seçtiği yol ("Tanıtım maviye geçsin"): tanıtım sayfası uygulamanın kurumsal mavisine geçti; giriş sayfaları mavisini
   korur, tanıtımla aynı yazı tipini (Outfit), taş tonu grileri ve dokuyu (nokta deseni, turkuaz parıltı) alır. Onaylı çizim:
   07-Proje-Yonetimi\Gece13_Kilit_Gunluk\Tasarim_10112026_RenkUyumu\taslak\YolBGiris.dc.html (tasarım notu §2 ve §3).
   Ortak değerler site.css'teki adla ve değerle aynıdır (--brand, --brand-dark, --stone-*, --bg-app, --font-display; kahramanın
   geçişi, noktası ve parıltısı): tanıtımda biri değişirse burada da değişir. Öbür adlar (--text-secondary, --shadow-md …) bu
   dosyaya özgüdür; giriş sayfaları site.css'i bağlamaz.

   Okunurluk (WCAG AA): koyu yüzeyde en düşük 4,71:1 (açıklama ve telif, parıltının ortasında). Açık zemindeki yazı en az
   --text-secondary (7,13:1); --text-muted (#78716c) yalnız beyaz kutuda (ipucu 4,80:1) ve simgede, #f8f7f6 üstünde 4,48:1 kalır.
   ============================================ */
:root {
    /* site.css :root ile aynı ad ve değer */
    --font-display: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --brand: #1e40af;
    --brand-dark: #1e3a8a;
    --stone-200: #e7e5e4;
    --stone-300: #d6d3d1;
    --stone-500: #78716c;
    --stone-600: #57534e;
    --stone-900: #1c1917;
    --bg-app: #f8f7f6;

    /* Koyu yüzey: tanıtım kahramanının geçişi ve dokusu (site.css .landing-page .hero-section, .hero-pattern, .hero-glow) */
    --panel-gradient: linear-gradient(160deg, var(--brand-dark) 0%, var(--brand) 100%);
    --panel-dots: radial-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    --panel-dots-size: 32px 32px;
    --panel-glow: radial-gradient(ellipse at 50% 60%, rgba(45, 212, 191, 0.14) 0%, transparent 62%);
    --accent-on-dark: #5eead4;              /* başlık vurgusu (site.css .hero-accent) */
    --icon-on-dark: #2dd4bf;                /* simge (site.css .hero-marks i) */
    --icon-on-dark-bg: rgba(45, 212, 191, 0.14);
    --text-on-dark: #ffffff;
    --text-on-dark-muted: var(--stone-300); /* açıklama ve telif (site.css .hero-description, .landing-footer) */
    --text-on-dark-soft: var(--stone-200);  /* özellik satırı (site.css .hero-marks) */
    --surface-on-dark: rgba(255, 255, 255, 0.05);
    --surface-on-dark-hover: rgba(255, 255, 255, 0.07);
    --border-on-dark: rgba(255, 255, 255, 0.10);
    --divider-on-dark: rgba(255, 255, 255, 0.08);
    --logo-box-bg: rgba(255, 255, 255, 0.1);
    --logo-box-border: rgba(255, 255, 255, 0.08);

    /* Açık taraf: zemin, yazı, kutu, düğme */
    --bg-primary: var(--bg-app);
    --bg-card: #ffffff;
    --text-primary: var(--stone-900);
    --text-secondary: var(--stone-600);
    --text-muted: var(--stone-500);
    --border-color: var(--stone-200);
    --border-focus: var(--brand);
    --focus-ring: 0 0 0 3px rgba(30, 64, 175, 0.12);
    --accent: var(--brand);
    --accent-hover: var(--brand-dark);
    --input-bg: #ffffff;
    --input-bg-focus: #ffffff;
    --error-bg: #fef2f2;
    --error-border: #fecaca;
    --error-text: #b91c1c;
    --info-bg: #eff6ff;
    --info-border: #bfdbfe;
    --info-text: var(--brand-dark);

    /* Sıcak (taş tonu) gölge ve köşeler */
    --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.04);
    --shadow-md: 0 4px 16px rgba(28, 25, 23, 0.06);
    --shadow-lg: 0 20px 40px -15px rgba(28, 25, 23, 0.08);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
}

/* Sol panel (Login, Register): zemin ve doku tanıtım kahramanıyla aynı. Panelin düzeni (genişlik, iç boşluk, position: relative,
   overflow: hidden) sayfanın kendi kuralında; içerik z-index: 1 ile dokunun üstünde. */
.brand-panel {
    background: var(--panel-gradient);
    color: var(--text-on-dark);
}

.brand-panel::before,
.brand-panel::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.brand-panel::before {
    background-image: var(--panel-dots);
    background-size: var(--panel-dots-size);
}

.brand-panel::after {
    background: var(--panel-glow);
}

/* Marka şeridi: girişin telefon görünümü (.mobile-brand, 768 px'in altında) ve tek sütunlu sayfalar (.brand: Şifremi unuttum,
   firma seçimi, çalışma saati dışı). Panelle aynı geçiş, yarı saydam logo kutusu, beyaz ad; girişten bu sayfalara geçince marka
   satırı aynı kalır. Satırın düzeni (display, gap, margin) sayfanın kendi kuralında. */
.mobile-brand,
.brand {
    padding: 12px 16px;
    border-radius: var(--radius-lg);
    background: var(--panel-gradient);
}

.mobile-brand-icon,
.brand-icon {
    background: var(--logo-box-bg);
    border: 1px solid var(--logo-box-border);
}

.mobile-brand-text,
.brand-text {
    color: var(--text-on-dark);
}