/* ============================================================
   tema-acik.css — Krem/beyaz tema
   Renkler ve tipografi canlı sitenin css/light.css dosyasından
   birebir alınmıştır; 7 Nesil sayfası ana siteyle aynı dili konuşur.
   style.css'ten SONRA yüklenir.
   ============================================================ */

:root {
  /* — Ana sitenin paleti — */
  --bg:           #f5f0e8;   /* krem */
  --bg-2:         #efe7da;
  --bg-3:         #fffdf9;
  --ink:          #1c1710;   /* 15.7:1 — gövde metni */
  --ink-soft:     #6b6155;   /*  5.3:1 — ikincil metin */
  --ink-muted:    #736a5e;   /*  4.7:1 — ana sitenin tonu, AA'ya çekildi */

  /* Ana sitenin altını (#b6863b) küçük metinde 2.9:1 kalıyor; metin için
     koyu varyantı kullanılır, dolgu/çizgi gibi metin dışı yerlerde parlağı. */
  --gold:         #8a6420;   /*  4.7:1 — etiket ve küçük metin */
  --gold-bright:  #8a6420;
  --gold-deep:    #85601c;   /*  5.0:1 — başlık */
  --gold-dolgu:   #b6863b;   /* ana sitenin altını — çizgi, ikon, dolgu */
  --terra:        #c8663f;   /*  3.4:1 — yalnızca büyük/vurgu metin */
  --rose:         #b4472a;   /*  4.8:1 — hata ve uyarı metni */
  --rose-soft:    #b4472a;
  --sage:         #9db5ac;

  --line:         rgba(28, 23, 16, 0.12);
  --line-soft:    rgba(28, 23, 16, 0.07);

  /* — Yüzeyler — */
  --yuzey:        #fffdf9;                 /* kart */
  --yuzey-guclu:  #ffffff;                 /* vurgulu kart */
  --yuzey-ust:    rgba(245, 240, 232, 0.96);
  --girinti:      #ffffff;                 /* input */
  --perde:        rgba(28, 23, 16, 0.45);
  --cizgi-ic:     rgba(28, 23, 16, 0.08);
  --vurgu-zayif:  rgba(182, 134, 59, 0.07);
  --vurgu-orta:   rgba(182, 134, 59, 0.14);
  --iz:           rgba(28, 23, 16, 0.10);
  --btn-ink:      #ffffff;
  --sema:         light;

  /* — Ana sitenin gölgeleri ve gradyanı — */
  --golge:        0 18px 50px -24px rgba(60, 40, 15, 0.35);
  --golge-sm:     0 8px 24px -14px rgba(60, 40, 15, 0.30);
  /* Ana sitenin gradyanı dekoratif yüzeylerde (bar, grafik) kullanılır */
  --grad:         linear-gradient(100deg, #c99a4f, #c8663f 70%);
  /* Üzerinde beyaz metin taşıyan butonlar için AA'ya çekilmiş varyant */
  --grad-btn:     linear-gradient(100deg, #a06e28, #bc5a33 70%);

  /* — Tipografi: ana sitedeki Poppins — */
  --sans: "Poppins", system-ui, sans-serif;
}

body { font-weight: 400; }

/* Koyu temanın nebula parıltısı yerine yumuşak krem zemin */
body::before {
  background:
    radial-gradient(60% 50% at 78% 10%, rgba(201, 154, 79, 0.10), transparent 62%),
    radial-gradient(55% 45% at 10% 28%, rgba(200, 102, 63, 0.06), transparent 62%),
    linear-gradient(180deg, #f5f0e8, #efe7da 45%, #f5f0e8);
}

::selection { background: var(--gold); color: #fff; }

strong { color: var(--gold-deep); font-weight: 600; }
em { color: var(--terra); }

/* ============================================================
   Butonlar — ana sitenin gradyanı
   ============================================================ */
.btn--gold {
  background: var(--grad-btn);
  color: #fff;
  box-shadow: 0 10px 26px -10px rgba(200, 102, 63, 0.55);
  font-weight: 600;
}
.btn--gold:hover { box-shadow: 0 16px 34px -10px rgba(200, 102, 63, 0.7); }
.btn--ghost {
  border: 1px solid var(--line);
  color: var(--ink);
  background: var(--yuzey);
  backdrop-filter: none;
}
.btn--ghost:hover { border-color: var(--gold); color: var(--gold-deep); }

/* ============================================================
   Navigasyon
   ============================================================ */
.nav.is-solid,
.nav.is-scrolled {
  background: var(--yuzey-ust);
  border-bottom-color: var(--line);
}
@media (min-width: 901px) {
  .nav.is-solid { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
}
.nav__links a { color: var(--ink-soft); }
.nav__links a:hover,
.nav__links a.is-current { color: var(--gold-deep); }
.nav__cta:hover { color: #fff !important; }
.nav__toggle span { background: var(--ink); }

@media (max-width: 900px) {
  .nav__links { background: var(--bg); border-left-color: var(--line); }
  .nav.is-scrolled, .nav.is-solid { background: var(--yuzey-ust); }
}

/* ============================================================
   7 NESİL — hero
   ============================================================ */
/* Yıldız alanı koyu gökyüzüne aitti; açık temada kaldırılır */
.nesil-hero__stars {
  background:
    radial-gradient(70% 55% at 50% 0%, rgba(201, 154, 79, 0.13), transparent 72%);
}
.nesil-hero__title span {
  background: var(--grad);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ladder__step {
  background: var(--yuzey);
  box-shadow: var(--golge-sm);
  border-color: var(--line-soft);
}
.ladder__step:hover { border-color: var(--gold); }
.ladder__step:nth-child(n + 4) { opacity: 0.72; }

/* ============================================================
   Form
   ============================================================ */
.nform__block { box-shadow: var(--golge-sm); }
.nform__block--req { border-color: var(--gold); }
.nfield input, .nfield select,
.unlock__form input { box-shadow: inset 0 1px 2px rgba(28, 23, 16, 0.04); }
.nradio span { background: var(--yuzey); }
.nradio input:checked + span { color: var(--gold-deep); font-weight: 500; }
.ncheck { background: var(--yuzey); }
.ncheck:has(input:checked) { color: var(--gold-deep); }

/* ============================================================
   Sonuç — kartlar
   ============================================================ */
.rsum {
  background:
    radial-gradient(90% 120% at 50% -20%, rgba(201, 154, 79, 0.10), transparent 62%),
    var(--yuzey-guclu);
  box-shadow: var(--golge);
}
.rsum__box { background: var(--bg-2); }
.rsum__title { color: var(--gold-deep); }

.floor { background: var(--yuzey); box-shadow: var(--golge-sm); }
.floor:hover { border-color: var(--gold); }
.floor__side { background: linear-gradient(180deg, rgba(201, 154, 79, 0.10), transparent); }

/* Gezegen renkleri koyu gökyüzü için seçilmişti (Ay #dce0ea gibi) ve krem
   zeminde 1.3:1'e düşüyordu — görünmez. Açık tema için koyu karşılıkları:
   hepsi kart üzerinde en az 3.2:1, çoğu AA. */
.floor[data-gezegen="sun"]     { --floor-color: #a9760b; }
.floor[data-gezegen="moon"]    { --floor-color: #5f6b7a; }
.floor[data-gezegen="mercury"] { --floor-color: #7d6b44; }
.floor[data-gezegen="venus"]   { --floor-color: #a8763a; }
.floor[data-gezegen="mars"]    { --floor-color: #b04a24; }
.floor[data-gezegen="jupiter"] { --floor-color: #96742a; }
.floor[data-gezegen="saturn"]  { --floor-color: #6d6144; }
.floor__sub { color: var(--gold-deep); }
.floor__miras { color: var(--ink); }
.floor__turkce { color: var(--terra); }
.tag--gift { color: var(--gold-deep); border-color: rgba(182, 134, 59, 0.35); }
.tag--shadow { color: var(--terra); border-color: rgba(200, 102, 63, 0.30); }

/* Mühürlü kat — açık zeminde perde de açık olmalı */
.floor.is-locked .floor__lock {
  background: linear-gradient(180deg, transparent, var(--yuzey) 45%);
  color: var(--gold-deep);
}
.floor.is-locked .floor__body { opacity: 0.5; }

.unlock {
  background:
    radial-gradient(80% 100% at 50% 0%, rgba(200, 102, 63, 0.08), transparent 70%),
    var(--yuzey-guclu);
  box-shadow: var(--golge);
}
.unlock__glyph { color: var(--terra); }

/* Derin bölümler */
.node { background: var(--yuzey); box-shadow: var(--golge-sm); }
.node--north { border-color: rgba(182, 134, 59, 0.35); }
.node--south { border-color: rgba(200, 102, 63, 0.28); }
.node__glyph { color: var(--gold-deep); }
.node--south .node__glyph { color: var(--terra); }
.node__v { color: var(--gold-deep); }
.node--south .node__v { color: var(--terra); }

.rez__row, .note { background: var(--yuzey); box-shadow: var(--golge-sm); }
.rez__name, .seal__name { color: var(--gold-deep); }
.rez__glyph { color: var(--gold-deep); }
.rez__glyph--el { color: var(--terra); }
.seal { background: var(--yuzey); box-shadow: var(--golge-sm); }
.ebar__fill, .depth__bar span, .mini-bar span { background: var(--grad); }

/* Nasıl çalışır tablosu */
.gentable { background: var(--yuzey); box-shadow: var(--golge-sm); }
.gentable__row--head { background: var(--vurgu-zayif); }
.gentable__row:not(.gentable__row--head) span:nth-child(2) { color: var(--gold-deep); }
.gentable__row:not(.gentable__row--head) span:nth-child(3) { color: var(--terra); }
.card { background: var(--yuzey); box-shadow: var(--golge-sm); }

/* SSS */
.qa summary { color: var(--ink); }
.qa[open] summary { color: var(--gold-deep); }
.qa summary::after { color: var(--gold); }

/* KVKK */
.kvkk__note { border-left-color: var(--gold); }

/* Footer */
.footer { background: var(--bg-2); border-top: 1px solid var(--line); }
.footer__brand { color: var(--gold-deep); }

/* ============================================================
   PANEL
   ============================================================ */
.giris__kart {
  background:
    radial-gradient(90% 100% at 50% 0%, rgba(201, 154, 79, 0.10), transparent 62%),
    var(--yuzey-guclu);
  box-shadow: var(--golge);
}
.giris__title { color: var(--gold-deep); }

.ptop { box-shadow: var(--golge-sm); }
.pbtn { background: var(--yuzey); }
.pbtn:hover:not(:disabled) { color: var(--gold-deep); }
.pbtn--gold { background: var(--grad-btn); border-color: transparent; color: #fff; font-weight: 600; }
.pbtn--gold:hover { background: var(--grad-btn); color: #fff; filter: brightness(1.06); }
.pbtn--tehlike { border-color: rgba(200, 102, 63, 0.4); color: var(--terra); }
.pbtn--tehlike:hover { background: var(--terra); color: #fff; border-color: var(--terra); }

.pcard { background: var(--yuzey); box-shadow: var(--golge-sm); }
.stat-kart {
  background: linear-gradient(160deg, rgba(201, 154, 79, 0.08), transparent 60%), var(--yuzey);
  box-shadow: var(--golge-sm);
}
.stat-kart__v { color: var(--gold-deep); }
.chart__bar { background: var(--grad); }
.chart__n { color: var(--gold-deep); }

.tablo th { background: var(--vurgu-zayif); color: var(--gold-deep); }
.tablo tbody tr:hover { background: var(--vurgu-zayif); }
.t-ad { color: var(--ink); font-weight: 500; }
.t-link:hover { color: var(--gold-deep); }
.rozet { background: var(--bg-2); }
.rozet--asc { border-color: rgba(200, 102, 63, 0.30); color: var(--terra); }
.ikon { background: var(--yuzey); }
.ikon:hover { border-color: var(--gold); color: var(--gold-deep); }
.ikon--sil:hover { border-color: var(--terra); color: var(--terra); }

.drawer { background: var(--bg); border-left-color: var(--line); }
.drawer__perde { background: var(--perde); }
.drawer__ad, .drawer__blok h3 { color: var(--gold-deep); }
.drawer textarea { box-shadow: inset 0 1px 2px rgba(28, 23, 16, 0.04); }

.onay { background: var(--perde); }
.onay__kutu { background: var(--yuzey-guclu); box-shadow: var(--golge); }
.onay__uyari { color: var(--terra) !important; }

.ptoast {
  background: var(--yuzey-guclu); color: var(--gold-deep);
  border-color: var(--gold); box-shadow: var(--golge);
}
.ptoast--hata { border-color: var(--terra); color: var(--terra); }

/* ============================================================
   Yazdırma — açık temada zaten kâğıda uygun
   ============================================================ */
@media print {
  body::before { display: none; }
  .floor, .rsum, .node, .rez__row, .seal, .note { box-shadow: none; }
}