/* ARALIK — açık tema "Kum" (Hakan, 23 Ekim 2026; taslaklardan A).
   <html data-tema="acik"> iken (js/core/aralik-tema.js: telefona uyar ya da
   elle seçilir). 1. adım: üç oda (Zaman, Bağ, Dönüştür), üst ve alt
   düğmeler, odanın kartları (eşik daveti, Bağ kartı). 2. adım (29 Ekim):
   mercekler (Şimdi, Zaman, Bağ, Ay, konum, hesap, Hakkında, Kapıdan sor,
   Rehber); renkleri css/aralik-tema-acik-mercek.css'ten, ince ayarı sonda.
   Metin renkleri açık zeminde (#efe6d6, kumun açık noktası #e4d8c3) 4.5:1
   üstü (tests/aralik-prototip.test.js). Yazının çevresinde hale yok
   (Hakan, 29 Ekim: "puslu"; taslaklardan C): okunurluğu yazının arkasında
   alttan yükselen düz, açık bant veriyor; oda perdesiz ve kontrastlı. */
:root[data-tema="acik"]{
  color-scheme:light;
  --ar-zemin:#efe6d6;
  --ar-gok:#e9dfcc;
  --ar-yazi:#1a130c;
  --ar-kul:#423729;
  --ar-silik:#4f4436;
  --ar-cizgi:rgba(43,34,25,.16);
  --ar-altin:#6a4a10;
  --ar-sev-surtunmeli:#9e4428;
  --ar-sev-notr:#3d617f;
  --ar-sev-uygun:#38684a;
  --ar-sev-cok:#7a5718;
}
:root[data-tema="acik"],:root[data-tema="acik"] body{background:#efe6d6}

/* zemin fotoğrafı perdesiz: üstündeki açık perde (%58) odayı puslu
   gösteriyordu (Hakan, 29 Ekim). Fotoğrafın filtresi JS'ten (günün saati,
   gezegen) ve ezilmez. */

/* taş oda: doku sıcak ve kontrastlı kum; gölge geçişleri ince açık
   (süt gibi örtmesin) */
:root[data-tema="acik"] #kok #ar-tas rect{fill:#cdbb9c}
:root[data-tema="acik"] #kok [data-tas]{filter:brightness(1.35) contrast(1.4) saturate(.8) sepia(.35)}
:root[data-tema="acik"] #kok linearGradient[id^="ar-g"] stop{stop-color:#e6d7bd;stop-opacity:.22}
:root[data-tema="acik"] #kok .ar-zisik,:root[data-tema="acik"] #kok .ar-tisik{opacity:.35}
:root[data-tema="acik"] #kok .ar-svg > line{stroke:rgba(43,34,25,.12)}

/* tavandaki gök yayı */
:root[data-tema="acik"] #kok .ar-gok > line{stroke:rgba(43,34,25,.25)}
:root[data-tema="acik"] #kok .ar-gok > path{stroke:rgba(122,87,24,.6)}
:root[data-tema="acik"] #kok .ar-gok > circle{fill:rgba(122,87,24,.75)}
:root[data-tema="acik"] #kok .ar-gok-et{fill:rgba(43,34,25,.62)}
:root[data-tema="acik"] #kok .ar-gunes circle:last-child{fill:#E0A948}
:root[data-tema="acik"] #kok .ar-gokay circle:last-of-type{fill:#8a8290}
:root[data-tema="acik"] #kok .ar-gokay path{fill:#fffdf8;stroke:rgba(43,34,25,.35);stroke-width:.6}

/* 21 gün zinciri */
:root[data-tema="acik"] #kok .ar-zincir path{stroke:#7a5718}
:root[data-tema="acik"] #kok .ar-zincir-b[data-h="denendi"]{fill:#a87b2a}
:root[data-tema="acik"] #kok .ar-zincir-b[data-h="ara"]{fill:#8a7356}
:root[data-tema="acik"] #kok .ar-zincir-b[data-h="gelecek"]{fill:#9a8a70}
:root[data-tema="acik"] #kok .ar-zincir-b[data-h="bugun"]{stroke:#7a5718}

/* üst satır */
:root[data-tema="acik"] #kok .ar-marka,:root[data-tema="acik"] #kok .ar-yerler{background:rgba(255,252,245,.66)}

/* yazı: hale yok; arkasında alttan yükselen düz açık bant */
:root[data-tema="acik"] #kok *{text-shadow:none}
:root[data-tema="acik"] #kok .ar-alt{
  background:linear-gradient(to bottom,rgba(246,240,229,0) 0,rgba(246,240,229,.93) calc(var(--ar-alt-ust) + 24px),rgba(246,240,229,.97) 100%)}
:root[data-tema="acik"] #kok .ar-simdinot{color:#9e4428}
:root[data-tema="acik"] #kok .ar-his-soru{color:var(--ar-yazi)}
:root[data-tema="acik"] #kok .ar-donus-dugme{color:#6b4c14}
:root[data-tema="acik"] #kok .ar-donus-et{color:#7a5718}

/* düğmeler */
:root[data-tema="acik"] #kok .ar-esik-dugme,:root[data-tema="acik"] #kok .ar-yuvarlak,
:root[data-tema="acik"] .ar-esik-ani button{background:rgba(255,252,245,.72);border-color:rgba(122,87,24,.55);color:#7a5718;text-shadow:none}
:root[data-tema="acik"] #kok .ar-esik-dugme.ikincil{color:var(--ar-kul);border-color:rgba(43,34,25,.28)}
:root[data-tema="acik"] #kok .ar-yuvarlak:focus-visible,:root[data-tema="acik"] #kok .ar-esik-dugme:focus-visible{outline-color:#7a5718}
:root[data-tema="acik"] #kok .ar-kapiac{box-shadow:0 0 18px rgba(168,123,42,.28);animation-name:ar-kapiac-acik}
@keyframes ar-kapiac-acik{50%{box-shadow:0 0 26px rgba(168,123,42,.45)}}
/* alt sıradaki oda adları zemin ışığının en açık yerine düşebiliyor (en kötü nokta 4,1:1 ölçüldü): bir ton koyu */
:root[data-tema="acik"] #kok .ar-temel-kapi{color:#564a3d}
:root[data-tema="acik"] #kok .ar-temel-kapi[aria-current]{color:#634510}
:root[data-tema="acik"] #kok .ar-temel-kapilar .ayrac{color:rgba(43,34,25,.3)}
:root[data-tema="acik"] #kok .ar-konum[data-wow]:not([hidden]){background:rgba(255,252,245,.6);border-color:rgba(122,87,24,.6);box-shadow:0 0 14px rgba(168,123,42,.2);text-shadow:none}
:root[data-tema="acik"] #kok .ar-konum[data-wow]:not([hidden])::before{color:var(--ar-yazi)}
:root[data-tema="acik"] #kok .ar-gir{border-color:rgba(122,87,24,.55);background:rgba(255,252,245,.6);color:var(--ar-yazi);text-shadow:none}
:root[data-tema="acik"] #kok .ar-gir:hover{background:rgba(255,252,245,.85)}
:root[data-tema="acik"] #kok .ar-sor{border-color:rgba(43,34,25,.3);background:rgba(255,252,245,.6);color:#5a3f10;text-shadow:none}
:root[data-tema="acik"] #kok .ar-simdi{color:var(--ar-yazi)}
:root[data-tema="acik"] .ar-kisi{background:rgba(255,252,245,.75);border-color:rgba(122,87,24,.55);color:var(--ar-yazi)}
:root[data-tema="acik"] .ar-kisi:focus-visible{outline-color:#7a5718}

/* Bağ: kişi düğmeleri ve kişi kartı */
:root[data-tema="acik"] #kok .ar-bag-cip{border-color:rgba(43,34,25,.3);background:rgba(255,252,245,.66);color:var(--ar-yazi);text-shadow:none}
:root[data-tema="acik"] #kok .ar-bag-cip[aria-pressed="true"]{border-color:#7a5718;color:#7a5718}
:root[data-tema="acik"] #kok .ar-bag-sira .ar-bag-ekle{background:#efe6d6;box-shadow:-10px 0 10px 2px rgba(239,230,214,.9)}
:root[data-tema="acik"] .ar-bag-perde{background:rgba(43,34,25,.22)}
:root[data-tema="acik"] .ar-bag-kart{background:rgba(250,245,236,.97);border-color:rgba(122,87,24,.45);color:var(--ar-yazi);text-shadow:none}
:root[data-tema="acik"] .ar-bag-kart label{color:var(--ar-kul);border-bottom-color:rgba(43,34,25,.14)}
:root[data-tema="acik"] .ar-bag-kart label i{color:rgba(43,34,25,.55)}
:root[data-tema="acik"] .ar-bag-kart input{color:var(--ar-yazi);color-scheme:light}
:root[data-tema="acik"] .ar-bag-not{color:rgba(43,34,25,.7)}
:root[data-tema="acik"] .ar-bag-hata{color:#9e4428}
:root[data-tema="acik"] .ar-bag-vazgec{color:var(--ar-kul)}

/* eşik daveti ve eşik anı */
:root[data-tema="acik"] .ar-davet-perde{background:rgba(43,34,25,.28)}
:root[data-tema="acik"] .ar-davet{background:rgba(250,245,236,.97);border-color:rgba(122,87,24,.45);color:var(--ar-yazi);box-shadow:0 -10px 40px rgba(43,34,25,.18)}
:root[data-tema="acik"] .ar-davet-et{color:#7a5718}
:root[data-tema="acik"] .ar-davet li{color:#4a4034;border-top-color:rgba(122,87,24,.2)}
:root[data-tema="acik"] .ar-davet-dugmeler button{border-color:#7a5718;background:rgba(122,87,24,.1);color:var(--ar-yazi)}
:root[data-tema="acik"] .ar-davet-dugmeler .ikincil{border-color:rgba(43,34,25,.28);background:none;color:var(--ar-kul)}
:root[data-tema="acik"] .ar-davet-not{color:var(--ar-silik)}
:root[data-tema="acik"] .ar-davet-kapat{color:var(--ar-kul)}
:root[data-tema="acik"] .ar-davet button:focus-visible{outline-color:#7a5718}
:root[data-tema="acik"] .ar-esik-ani p{color:#3a2c18;text-shadow:none}

/* masaüstü: sütunun dışındaki flu fon açık */
@media (min-width:1024px) and (min-height:600px){
  :root[data-tema="acik"] #kok::before{filter:blur(9px) brightness(1.9) saturate(.5);opacity:.35}
}

/* MERCEKLER (2. adım; Hakan, 29 Ekim: "Mercekleri de açık temaya geçir").
   Renk karşılıklarının çoğu üretildi (css/aralik-tema-acik-mercek.css,
   tools/tema-acik-uret.cjs); burada üretecin bilemedikleri. */
/* zemin: gece fotoğrafı ters çevrilip kuma boyanır (gök açık kum, yıldız
   ve gezegen koyu iz); gezegen filtresi (--zeminF) önde kalır */
:root[data-tema="acik"] .mercek-zemin{filter:var(--zeminF,saturate(1)) invert(1) hue-rotate(180deg) sepia(.55) saturate(.8) contrast(.9)}
:root[data-tema="acik"] .mercek-sahne.aymod .mercek-zemin{filter:var(--zeminF,saturate(1)) invert(1) hue-rotate(180deg) sepia(.55) saturate(.8) contrast(.9) blur(3px)}
/* cam arkasını karartmaz, hafif açar */
:root[data-tema="acik"] .mercek-cam{-webkit-backdrop-filter:blur(var(--blx,var(--bl))) saturate(.9) brightness(1.04);backdrop-filter:blur(var(--blx,var(--bl))) saturate(.9) brightness(1.04)}
:root[data-tema="acik"] .mercek-sahne *{text-shadow:none}
/* Bağ'a iki mercek geçişinin örtüsü */
:root[data-tema="acik"] .ar-mercek-ortu{fill:#efe6d6;stroke:rgba(43,34,25,.3)}
/* Ay sahnesi renklerini kendi değişkenlerinden alıyor (aralik-ay.css .lens-veil) */
:root[data-tema="acik"] .mercek-sahne .lens-veil{--ink:#1a130c;--soft:#4f4436;--line:rgba(122,87,24,.3);--gold:#7a5718;--gold-rgb:122,87,24;--blue:#5a4e3c;--blue-rgb:90,78,60;--bg:#efe6d6}
/* hazırlık kademesi JS'ten açık tonla gelir (--halRenk): açık zeminde koyulaşır */
:root[data-tema="acik"] .mercek-hal{color:color-mix(in oklab,var(--halRenk,#a29b90) 62%,#1a130c)}
/* geçiş nesneleri: koyu madalyon değil, açık cam */
:root[data-tema="acik"] .ar-nesne-cerceve{fill:rgba(255,252,245,.72);stroke:rgba(122,87,24,.6)}
:root[data-tema="acik"] .ar-nesne-kanat{fill:rgba(43,34,25,.1)}

/* kullanım kılavuzu */
:root[data-tema="acik"] .ar-kilavuz-perde{background:rgba(43,34,25,.32)}
:root[data-tema="acik"] .ar-kilavuz{background:rgba(250,245,236,.98);border-color:rgba(122,87,24,.45);color:var(--ar-yazi);box-shadow:0 -10px 40px rgba(43,34,25,.18)}
:root[data-tema="acik"] .ar-kilavuz-ust{color:#6a4a10}
:root[data-tema="acik"] .ar-kilavuz-kapat,:root[data-tema="acik"] .ar-kilavuz-geri,:root[data-tema="acik"] .ar-kilavuz label{color:var(--ar-kul)}
:root[data-tema="acik"] .ar-kilavuz-resim{border-color:rgba(43,34,25,.14);background:rgba(43,34,25,.05)}
:root[data-tema="acik"] .ar-kilavuz h2{color:var(--ar-yazi)}
:root[data-tema="acik"] .ar-kilavuz-metin{color:#3a2f22}
:root[data-tema="acik"] .ar-kilavuz-nokta i{background:rgba(43,34,25,.22)}
:root[data-tema="acik"] .ar-kilavuz-nokta i.aktif{background:#7a5718}
:root[data-tema="acik"] .ar-kilavuz input{accent-color:#7a5718}
:root[data-tema="acik"] .ar-kilavuz-ileri{border-color:#7a5718;background:rgba(122,87,24,.1);color:var(--ar-yazi)}
:root[data-tema="acik"] .ar-kilavuz button:focus-visible,:root[data-tema="acik"] .ar-kilavuz input:focus-visible{outline-color:#7a5718}