/* ============================================================
   LANDING V2 (#35, 2026-10-02) — beyaz-altın, lobi paletiyle uyumlu
   landing.css'ten SONRA yüklenir; değişkenleri hafif palete çevirir,
   koyu kalıntıları düzeltir ve html[data-theme="dark"] ile gece modu
   sunar. .theme-btn tüm sayfalarda aynı görünür.
   ============================================================ */

/* --- 1) BEYAZ-ALTIN VARSAYILAN (değişken swap) --- */
:root {
    --gold: #F5B301;
    --gold-light: #FFD84D;
    --gold-dark: #C98F00;
    --orange: #E9A500;

    --bg-0: #FAF8F2;
    --bg-1: #FFFFFF;
    --bg-2: #FFFBEF;
    --bg-3: #FFF4CE;
    --panel: rgba(255, 255, 255, 0.92);

    --text-1: #1A1D3D;
    --text-2: #3E4270;
    --text-3: #6E77A0;

    --card-border: #E7E2D2;
    --card-shadow: 0 10px 28px rgba(26, 29, 61, 0.08), 0 2px 8px rgba(26, 29, 61, 0.04);
}

/* --- 2) genel yüzeyler --- */
body.landing {
    background:
        radial-gradient(70% 50% at 85% -10%, rgba(245, 179, 1, 0.10), transparent 60%),
        radial-gradient(55% 45% at 0% 20%, rgba(245, 179, 1, 0.06), transparent 55%),
        var(--bg-0);
    color: var(--text-1);
}
body.landing ::selection { background: var(--gold); color: #FFFFFF; }

/* nav: berrak beyaz, altın çizgi */
.landing-nav, nav {
    background: rgba(255, 255, 255, 0.92) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-bottom: 2px solid #F0E9D2 !important;
    box-shadow: 0 4px 20px rgba(26, 29, 61, 0.06);
}
.landing-nav a, nav a { color: var(--text-2) !important; }
.landing-nav a:hover, nav a:hover { color: var(--gold-dark) !important; }

/* hero: aydınlık, altın vurgulu */
.hero-land, header.hero-land {
    background:
        radial-gradient(60% 55% at 78% 8%, rgba(245, 179, 1, 0.16), transparent 60%),
        radial-gradient(45% 40% at 8% 30%, rgba(255, 216, 77, 0.10), transparent 55%),
        linear-gradient(180deg, #FFFFFF 0%, var(--bg-0) 100%) !important;
}
.hero-eyebrow {
    background: #FFF6D8 !important;
    border: 1.5px solid #F0DFA6 !important;
    color: #8A6D1A !important;
}
.hero-title, .hero-title .line1, .hero-title .line2 { color: var(--text-1) !important; }
.hero-desc { color: var(--text-2) !important; }
.floating-orb { opacity: .25; }

/* butonlar: altın / gölge */
.btn-land-gold {
    background: linear-gradient(180deg, var(--gold-light) 0%, var(--gold) 100%) !important;
    color: #221A00 !important;
    border: none;
    box-shadow: 0 4px 0 var(--gold-dark), 0 10px 24px rgba(245, 179, 1, 0.35) !important;
}
.btn-land-ghost {
    background: #FFFFFF !important;
    color: var(--text-1) !important;
    border: 2.5px solid #E3DDC9 !important;
}
.btn-land-ghost:hover { border-color: var(--gold) !important; }

/* istatistik şeridi */
.stat-pill {
    background: #FFFFFF !important;
    border: 2px solid #EFEAD8 !important;
    box-shadow: var(--card-shadow) !important;
}
.stat-num { color: var(--gold-dark) !important; }
.stat-label { color: var(--text-3) !important; }

/* bölümler */
.section-land { background: transparent !important; }
.section-tag {
    background: #FFF6D8 !important;
    color: #8A6D1A !important;
    border: 1.5px solid #F0DFA6 !important;
}
.section-title { color: var(--text-1) !important; }
.section-sub { color: var(--text-2) !important; }

/* kartlar: beyaz + altın hover */
.feature-card, .scenario-card, .step-card, .roadmap-card {
    background: #FFFFFF !important;
    border: 2px solid #EFEAD8 !important;
    box-shadow: var(--card-shadow) !important;
    color: var(--text-1) !important;
}
.feature-card:hover, .scenario-card:hover, .step-card:hover, .roadmap-card:hover {
    border-color: var(--gold) !important;
    box-shadow: 0 16px 36px rgba(26, 29, 61, 0.12) !important;
}
.feature-title, .scenario-name, .step-title { color: var(--text-1) !important; }
.feature-desc, .scenario-text, .step-desc { color: var(--text-2) !important; }
.feature-icon, .step-emoji { filter: none !important; }

/* rütbeler + liderler satırları */
.leader-row, .rank-card, .rank-row { background: #FFFFFF !important; border-color: #EFEAD8 !important; color: var(--text-1) !important; }

/* FAQ */
.faq-item { background: #FFFFFF !important; border-color: #EFEAD8 !important; }
.faq-q { color: var(--text-1) !important; }
.faq-a-inner { color: var(--text-2) !important; }

/* yol haritası çizgisi */
.roadmap-line::before { background: linear-gradient(180deg, var(--gold), #EFE0A8) !important; }

/* son CTA: lacivert bant + altın */
.final-cta {
    background: linear-gradient(180deg, #1A1D3D 0%, #232858 100%) !important;
    color: #FFFFFF;
}
.final-cta p { color: #CFC6E8 !important; }

/* footer: beyaz */
.landing-footer { background: #FFFFFF !important; border-top: 2px solid #EFEAD8 !important; }
.landing-footer, .footer-links a { color: var(--text-2) !important; }
.footer-links a:hover { color: var(--gold-dark) !important; }

/* giriş modalı: aydınlık */
.auth-box { background: #FFFFFF !important; color: var(--text-1) !important; }
.auth-sub { color: var(--text-2) !important; }
.auth-switch, .auth-switch a { color: var(--text-2) !important; }
.field label { color: var(--text-2) !important; }
.field input {
    background: #F7F5EE !important;
    border-color: #E3DDC9 !important;
    color: var(--text-1) !important;
}

/* tema düğmesi — tüm sayfalarda ortak */
.theme-btn {
    width: 38px; height: 38px; flex: none;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 1.05rem; cursor: pointer;
    border-radius: 12px;
    background: #FFFFFF;
    border: 2.5px solid #E3DDC9;
    color: var(--text-1);
    transition: border-color .15s ease, transform .12s ease;
}
.theme-btn:hover { border-color: var(--gold); transform: translateY(-1px); }

/* --- 3) KARANLIK MOD (#36) --- */
html[data-theme="dark"] {
    --gold: #F5B301;
    --gold-light: #FFD84D;
    --gold-dark: #C98F00;
    --bg-0: #0B0714;
    --bg-1: #140C24;
    --bg-2: #1E1233;
    --bg-3: #2A1A47;
    --panel: rgba(42, 26, 71, 0.55);
    --text-1: #FFFFFF;
    --text-2: #CFC6E8;
    --text-3: #9C90BC;
    --card-border: #2A1A47;
    --card-shadow: 0 14px 36px rgba(0, 0, 0, 0.5);
}
html[data-theme="dark"] body.landing {
    background:
        radial-gradient(70% 50% at 85% -10%, rgba(245, 179, 1, 0.08), transparent 60%),
        var(--bg-0);
    color: var(--text-1);
}
html[data-theme="dark"] .landing-nav, html[data-theme="dark"] nav {
    background: rgba(11, 7, 20, 0.85) !important;
    border-bottom-color: #241A3F !important;
}
html[data-theme="dark"] .landing-nav a, html[data-theme="dark"] nav a { color: var(--text-2) !important; }
html[data-theme="dark"] .hero-land, html[data-theme="dark"] header.hero-land {
    background: linear-gradient(180deg, var(--bg-0) 0%, var(--bg-1) 100%) !important;
}
html[data-theme="dark"] .hero-eyebrow {
    background: rgba(245, 179, 1, 0.10) !important;
    border-color: rgba(245, 179, 1, 0.35) !important;
    color: var(--gold-light) !important;
}
html[data-theme="dark"] .btn-land-ghost {
    background: rgba(255, 255, 255, 0.04) !important;
    color: var(--text-1) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}
html[data-theme="dark"] .stat-pill,
html[data-theme="dark"] .feature-card, html[data-theme="dark"] .scenario-card,
html[data-theme="dark"] .step-card, html[data-theme="dark"] .roadmap-card,
html[data-theme="dark"] .leader-row, html[data-theme="dark"] .rank-card, html[data-theme="dark"] .rank-row,
html[data-theme="dark"] .faq-item {
    background: rgba(255, 255, 255, 0.045) !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
}
html[data-theme="dark"] .stat-num { color: var(--gold-light) !important; }
html[data-theme="dark"] .final-cta {
    background: linear-gradient(180deg, #140C24 0%, #1E1233 100%) !important;
}
html[data-theme="dark"] .landing-footer {
    background: var(--bg-1) !important;
    border-top-color: #241A3F !important;
}
html[data-theme="dark"] .auth-box { background: #17102B !important; }
html[data-theme="dark"] .field input {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: var(--text-1) !important;
}
html[data-theme="dark"] .theme-btn {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.16);
}

/* --- 4) karanlik mod garantisi: literal renk + !important --- */
html[data-theme="dark"] body.landing {
    background: radial-gradient(70% 50% at 85% -10%, rgba(245, 179, 1, 0.08), transparent 60%), #0B0714 !important;
    color: #FFFFFF !important;
}
html[data-theme="dark"] body {
    background-color: #0B0714 !important;
}