/* ==========================================================================
   WapFlow herkese açık sayfalar — AÇIK TEMA (yalnız SaaS; 2026-11-06)
   Sunucu (src/lib/prefs.js injectIntoHtml) her herkese açık sayfanın <head> sonuna ekler; etkin olması için <html class="wf-light">
   gerekir (çerez/hesapta tema = light, ya da system + işletim sistemi açık). Tema seçilmediyse sınıf yok → sayfalar eski koyu görünümde.
   Giriş/kayıt/şifre/fiyat sayfaları public-v3.css belirteçlerini kullanır → belirteçler çevrilir; geri kalan sabit renkler aşağıda.
   Metin kontrastı ≥ 4.5:1.
   ========================================================================== */
html.wf-light { color-scheme: light; }

/* ---- belirteçler (public-v3.css kullanan sayfalar: login, register, forgot, reset, pricing) ---- */
html.theme-v3.wf-light {
    --bg: #F4F7FB;
    --bg-image: radial-gradient(1100px 560px at 88% -12%, #D6F3EA 0%, rgba(214, 243, 234, 0) 60%),
        radial-gradient(900px 500px at -5% 112%, #DCE4FA 0%, rgba(220, 228, 250, 0) 60%), #F4F7FB;
    --surface: rgba(255, 255, 255, .88);
    --surface-solid: #FFFFFF;
    --border: rgba(15, 23, 42, .12);
    --border-strong: rgba(15, 23, 42, .22);
    --text: #0B1530;
    --text-2: #1E293B;
    --muted: #475569;
    --link: #0B7285;
    --good: #0B7A43;
    --danger: #B42318;
    --input-bg: #FFFFFF;
    --input-border: rgba(15, 23, 42, .22);
}
html.theme-v3.wf-light :is(.login-panel, .register-panel) { background: rgba(255, 255, 255, .72) !important; }
html.theme-v3.wf-light .features-list li i { background: rgba(18, 184, 134, .14) !important; color: #0B7285 !important; }
html.theme-v3.wf-light .price { color: #0B7285 !important; }
html.theme-v3.wf-light .usd-note { color: #475569 !important; }
html.theme-v3.wf-light .form-select-custom option { background: #FFFFFF; color: #0B1530; }
html.theme-v3.wf-light :is(.form-control-custom, .form-select-custom):focus { background: #FFFFFF !important; box-shadow: 0 0 0 4px rgba(18, 184, 134, .22) !important; }
html.theme-v3.wf-light .form-control-custom::placeholder { color: rgba(71, 85, 105, .85) !important; }
html.theme-v3.wf-light :is(.signup-info p, .twofa-hint, .signup-row, .login-footer a) { color: var(--muted) !important; }
html.theme-v3.wf-light .signup-info { background: rgba(18, 184, 134, .08) !important; border-color: rgba(18, 184, 134, .3) !important; }
html.theme-v3.wf-light .divider::before, html.theme-v3.wf-light .divider::after { background: rgba(15, 23, 42, .14) !important; }
html.theme-v3.wf-light .error-message.is-success { color: #0B7A43 !important; }
html.theme-v3.wf-light .error-message { background: rgba(217, 45, 32, .08) !important; border-color: rgba(217, 45, 32, .3) !important; }
html.theme-v3.wf-light :is(.lang-item:hover, .lang-option:hover) { background: rgba(15, 23, 42, .06) !important; color: var(--text) !important; }
html.theme-v3.wf-light .swal2-cancel { background: rgba(15, 23, 42, .08) !important; color: var(--text) !important; }
html.theme-v3.wf-light .login-panel, html.theme-v3.wf-light .register-panel { border-color: var(--border) !important; }
html.theme-v3.wf-light .password-toggle { color: var(--muted); }
html.theme-v3.wf-light .btn-passkey:hover { background: rgba(18, 184, 134, .08) !important; }
html.theme-v3.wf-light .brand-icon, html.theme-v3.wf-light .logo img { box-shadow: 0 14px 34px rgba(18, 184, 134, .22) !important; }
html.theme-v3.wf-light .navbar .logo, html.theme-v3.wf-light .logo { color: var(--text) !important; }
html.theme-v3.wf-light .feat-info { background: rgba(15, 23, 42, .06); color: var(--muted); border-color: var(--border); }
html.theme-v3.wf-light .btn-buy.secondary { background: rgba(15, 23, 42, .06) !important; color: var(--text) !important; border: 1px solid var(--border) !important; box-shadow: none !important; }

/* ---- bilgi sayfaları (gizlilik, şartlar, yardım, 404 — kendi stilleri) ---- */
html.wf-light:not(.theme-v3) body { background: linear-gradient(135deg, #F4F7FB 0%, #E8EEF7 55%, #F4F7FB 100%); color: #0B1530; }
html.wf-light:not(.theme-v3) .navbar { background: rgba(255, 255, 255, .85); border-bottom: 1px solid rgba(15, 23, 42, .1); }
html.wf-light:not(.theme-v3) .container { background: #FFFFFF; border-color: rgba(15, 23, 42, .12); box-shadow: 0 10px 30px rgba(15, 23, 42, .06); }
html.wf-light:not(.theme-v3) :is(.logo, h1, .footer a) { color: #0B7285; }
html.wf-light:not(.theme-v3) h2 { color: #0E6B5C; }
html.wf-light:not(.theme-v3) :is(p, li, .container) { color: #334155; }
html.wf-light:not(.theme-v3) .footer { color: #475569; }
html.wf-light:not(.theme-v3) .disclaimer { background: rgba(217, 45, 32, .07); border-left-color: #B42318; }
html.wf-light:not(.theme-v3) .disclaimer strong { color: #B42318; }
html.wf-light:not(.theme-v3) :is(.faq-item, .faq-question, .card, .help-card) { color: #1E293B; }

/* ---- ana sayfa + demo (public-landing: kendi değişkenleri) ---- */
html.wf-light {
    --bg-dark: #F4F7FB;
    --bg-mid: #E8EEF7;
    --bg-card: rgba(255, 255, 255, .88);
    --border: rgba(15, 23, 42, .12);
    --text: #0B1530;
    --text-muted: #475569;
    --text-dim: #5B6B80;
    --primary-glow: rgba(37, 211, 102, .22);
}
html.theme-v3.wf-light .hero h1 { background: linear-gradient(90deg, #0B7285, #12B886) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent; color: transparent !important; }
html.wf-light .hero h1 .gradient-text { background: linear-gradient(135deg, #0E8F57, #0B7285, #0E8F57); -webkit-background-clip: text; background-clip: text; }
html.wf-light:not(.theme-v3) .pricing-card .price { color: #0B7285; }
html.wf-light:not(.theme-v3) .pricing-card .price .currency { color: #475569; }
html.wf-light:not(.theme-v3) :is(.section-label, .section-tag, .hero-badge, .stat-number) { color: #0B7285; }
html.wf-light .usd-note { color: #475569; }
html.wf-light .nav-links.mobile-open { background: rgba(255, 255, 255, .98); }