/* Okul bazlı tema — Keşif Kutusu portalı
 *
 * NEDEN: Sınav Okulları kullanıcıları portala MyExamy üzerinden giriyor ve
 * portalı kendi kurumsal kimliklerinde (Eagle Lab) görmeli. Tek kod tabanı,
 * tek deploy: tema yalnız bir `data-tema` özniteliği ve bu dosyadaki bir
 * blokla devreye giriyor.
 *
 * YENİ TEMA EKLEMEK: aşağıya bir blok ekle, schools.theme değerini yaz.
 * Başka hiçbir yere dokunmak gerekmez. Renkler ogretmen.html'de token'a
 * çekildi (bkz. test/tema-token.test.js) — bu dosya yalnız token ezer,
 * seçici ezmez. Seçici ezmek zorunda kalıyorsan orada tokenleşmemiş bir
 * renk var demektir; onu token'a çek, buraya !important yazma.
 *
 * Renkler Eagle Lab marka materyalinden ölçüldü (Sınav Okulları, Eki 2026).
 */

:root[data-tema="eagle"]{
  /* zemin ve yüzeyler: koyu mor uzay -> beyaz/lacivert */
  --bg-deep:#092843; --bg-space:#0E3C66;
  --panel:#FFFFFF; --panel-2:#F2F7FC; --panel-3:#E4EFF9;
  --panel-cam:rgba(255,255,255,.95);
  --line:rgba(15,58,97,.16); --line-strong:rgba(15,58,97,.28);
  --text:#0F2744; --text-dim:#4E6E8B;

  /* marka renkleri */
  --purple:#175C8E; --purple-soft:#2E7CC4;   /* yapısal mavi: morun yerine */
  --gold:#B07A0C; --gold-bright:#C98A12;      /* #F5B841 beyaz üstünde okunmuyor */
  --teal:#C81C23;   /* görünüm rozeti metni; Eagle'da marka kırmızısı */ --green:#15803D; --red:#C81C23;

  /* üst çubuk, gezinme, perde */
  --cubuk-bg:rgba(255,255,255,.92); --cubuk-bg-2:rgba(249,252,255,.94);
  --perde:rgba(9,40,67,.48);

  /* aksiyon: lacivert dolgu + beyaz yazı (mor temada altın + koyu kahveydi) */
  --aksiyon-grad:linear-gradient(135deg,#175C8E,#0F3A61);
  --aksiyon-yazi:#FFFFFF;
  /* birincil eylem: marka kırmızısı — logonun kırmızısı */
  --birincil-grad:linear-gradient(135deg,#E23B41,#C81C23);
  --birincil-grad-2:linear-gradient(135deg,#E23B41,#C81C23);
  /* "Sırada" kartı */
  --bugun-grad:linear-gradient(120deg,#175C8E,#0F3A61);

  --girinti:#F2F7FC;                          /* girintili alanlar: Çıkış, şube seçici */
  /* açık görev paneli: sayfanın alt yarısı lacivert, yarı saydam panel koyu
     kalıyor ve koyu yazı kayboluyordu (11 Eki ekran görüntüsü) — opak beyaz */
  --acik-gorev-bg:rgba(255,255,255,.94); --ag-bg:#F2F7FC;
  --mod-bg:rgba(216,35,42,.08); --mod-cizgi:rgba(216,35,42,.32);  /* görünüm rozeti */
  --shadow:0 12px 32px rgba(9,40,67,.18);
}

/* Sayfa zemini: aşağıda koyu lacivert, yukarı doğru beyaz.
   attachment yok, size 100% 100%: gradyan viewport'a değil SAYFAYA yayılır,
   böylece üstteki içerik (başlık, sekmeler) hep açık zeminde kalır. */
:root[data-tema="eagle"] body{
  background:linear-gradient(to top,
    #061A2E 0%, #092843 10%, #0E3C66 24%, #175C8E 42%,
    #5FA3DC 60%, #BBD9F2 76%, #EAF3FB 88%, #F9FCFF 100%);
  background-size:100% 100%;background-repeat:no-repeat;
}
:root[data-tema="eagle"] .topbar{border-top:4px solid #D8232A}

/* ---- Karşılama bandı: yalnız Eagle temasında görünür ---- */
.eagle-hero{display:none}
:root[data-tema="eagle"] .eagle-hero{
  position:relative;display:flex;align-items:center;
  margin:10px calc(-1 * clamp(16px,4vw,26px)) 16px;
  padding:clamp(26px,3.4vw,44px) clamp(28px,5vw,56px);
  min-height:clamp(230px,24vw,330px);border-radius:26px;overflow:hidden;
  background-image:
    linear-gradient(90deg, rgba(7,31,56,.88) 0%, rgba(9,40,67,.70) 38%,
                    rgba(9,40,67,.18) 62%, transparent 82%),
    url('../gorseller/3d3e0b490207.webp');
  background-size:cover,cover;background-position:center,right center;
  background-repeat:no-repeat;box-shadow:0 18px 44px rgba(9,40,67,.26)}
:root[data-tema="eagle"] .eagle-hero .ic{
  position:relative;z-index:2;max-width:56%;display:flex;flex-direction:column;
  align-items:flex-start;gap:14px}
:root[data-tema="eagle"] .eagle-hero .logo{
  width:min(440px,40vw);height:auto;display:block;
  filter:drop-shadow(0 14px 30px rgba(4,20,38,.55))}
:root[data-tema="eagle"] .eagle-hero .selamlama{
  font-family:'Fredoka','Nunito',sans-serif;font-size:clamp(22px,2.6vw,34px);
  font-weight:700;color:#fff;line-height:1.12;margin:0;
  text-shadow:0 3px 16px rgba(4,20,38,.55)}
:root[data-tema="eagle"] .eagle-hero .selamlama b{color:#FF6B6B;font-weight:800}
:root[data-tema="eagle"] .eagle-hero .altyazi{
  font-size:clamp(12.5px,1.15vw,15px);font-weight:700;color:#CFE6F7;margin:0;
  text-shadow:0 2px 10px rgba(4,20,38,.6)}
@media (max-width:760px){
  :root[data-tema="eagle"] .eagle-hero{min-height:200px;padding:22px}
  :root[data-tema="eagle"] .eagle-hero .ic{max-width:100%}
  :root[data-tema="eagle"] .eagle-hero .logo{width:min(280px,62vw)}
}

/* ---- Açık gövde zemini üzerindeki başlık blokları: garantili kontrast ----
 * NEDEN (11 Eki 2026, Ceren canlıda bildirdi): body gradient yukarıdan
 * aşağı koyu→açık. .rhead ("Portal Kullanımı" vb. başlık) ve .yn-selam
 * (karşılama metni) sayfanın üst-orta kısmında, gradient'in AÇIK ucuna
 * denk geldiğinde --text-dim (#4E6E8B) neredeyse görünmez oluyordu.
 * Aynı sorun "açık görev paneli" için de yaşanmıştı (bkz. --acik-gorev-bg
 * yorumu yukarıda) — çözüm aynı: metin rengini DEĞİL, zemini sabitle.
 */
:root[data-tema="eagle"] .rhead,
:root[data-tema="eagle"] .yn-selam{
  background:var(--panel-cam);border-radius:20px;padding:16px 20px;
  box-shadow:0 8px 24px rgba(9,40,67,.08)}

/* ---- Öğretmen föyü ----
 * Föy kendi token setini YENİDEN tanımlıyor (#v-foy / #kutu.k-foy içinde,
 * "öğrenci sayfasıyla ortak koyu galaksi paleti" yorumuyla). Bu yüzden
 * :root'taki tema o kapsama inmiyor; burada ayrıca eziliyor.
 *
 * 5E AŞAMA RENKLERİNE (--e-giris, --e-engage, --e-explore, --e-explain,
 * --e-evaluate) DOKUNULMUYOR: onlar süs değil bilgi — aynı aşamadaki
 * bölümler aynı rengi taşıyor, öğretmen föyü o renkten okuyor. Yalnız
 * zemin, panel ve metin renkleri çevriliyor. */
:root[data-tema="eagle"] #v-foy,
:root[data-tema="eagle"] #kutu.k-foy{
  --bg-deep:#F9FCFF; --bg-space:#EAF3FB;
  --panel:#FFFFFF; --panel-2:#F2F7FC; --panel-3:#E4EFF9;
  --purple:#175C8E; --purple-deep:#0F3A61; --purple-soft:#2E7CC4;
  --lila:rgba(23,92,142,.14); --lila-2:rgba(23,92,142,.08);
  --yellow:#B07A0C; --yellow-2:#C98A12; --yellow-deep:#C98A12;
  --gold:#B07A0C; --gold-bright:#C98A12;
  --text:#0F2744; --text-dim:#4E6E8B;
  --ink:#0F2744; --muted:#4E6E8B;
  --line:rgba(15,58,97,.16); --line-2:rgba(15,58,97,.28);
  --line-strong:rgba(15,58,97,.28);
  --canvas:#F9FCFF; --white:#FFFFFF;
  --green:#15803D; --red:#C81C23;
  --shadow:0 14px 34px rgba(9,40,67,.16);
  --shadow-sm:0 6px 16px rgba(9,40,67,.12);
  /* föyün kök zemini --uzay-* ve --bg-deep üzerinden geliyor */
  --uzay-1:#EAF3FB; --uzay-2:#F2F7FC;
  --foy-cubuk:rgba(255,255,255,.92); --foy-cubuk-2:rgba(255,255,255,.94);
}

/* ---- Öğrenci paneli: Eagle'ın KOYU varyantı ----
 * NEDEN AÇIK DEĞİL: öğrenci ekranı çocuk ekranı — oyunlaştırma hissi
 * (uzay zemini, parlayan deney şişeleri, rozetler) koyu zeminde yaşıyor.
 * Eagle Lab markasının kendi materyali de koyu lacivert; açık tema
 * öğretmen/yönetim tarafında doğru, öğrencide değil.
 *
 * Aynı tema, iki karakter: öğretmen tarafı açık ve sakin, öğrenci tarafı
 * koyu ve canlı. Mor yerine lacivert, vurgu altın + marka kırmızısı. */
:root[data-tema="eagle"] body.kk-ogrenci{
  --bg-deep:#071F38; --bg-space:#0C3760;
  --uzay-1:#11528C; --uzay-2:#0E3C66;
  --panel:#123E6B; --panel-2:#0F3559; --panel-3:#175C8E;
  --panel-cam:rgba(18,62,107,.82);
  --line:rgba(143,192,232,.18); --line-strong:rgba(143,192,232,.34);
  --text:#EAF3FB; --text-dim:#9FC3E4;
  --purple:#2E7CC4; --purple-soft:#5FA3DC;
  --gold:#F5B841; --gold-bright:#FFD166;   /* altın koyu zeminde okunuyor */
  --teal:#38BDF8; --green:#4ADE80; --red:#F87171;
  --cubuk-bg:rgba(9,40,67,.92); --cubuk-bg-2:rgba(9,40,67,.94);
  --perde:rgba(6,24,43,.75);
  --aksiyon-grad:linear-gradient(135deg,#FFC14D,#F5832B);  /* altın korunuyor */
  --aksiyon-yazi:#3A2506;
  --birincil-grad:linear-gradient(135deg,#E23B41,#C81C23);
  --birincil-grad-2:linear-gradient(135deg,#E23B41,#C81C23);
  --shadow:0 14px 34px rgba(4,20,38,.45);
}
/* Öğrenci zemini sayfaya değil viewport'a yayılı (body::after katmanı var) */
:root[data-tema="eagle"] body.kk-ogrenci{
  background:radial-gradient(1400px 1000px at 75% -15%,
    var(--uzay-1) 0%, var(--uzay-2) 48%, var(--bg-deep) 100%)}

/* Öğrenci bandı: aynı .eagle-hero kalıbı, kendi görseli ve ölçüsü.
   Öğrenci zemini koyu olduğu için bant da gece manzarası; öğretmendeki
   gündüz fotoğrafı burada yanlış dururdu. */
:root[data-tema="eagle"] body.kk-ogrenci .eagle-hero{
  min-height:clamp(150px,17vw,210px);margin:14px 0 4px;border-radius:22px;
  background-image:
    linear-gradient(90deg, rgba(7,31,56,.82) 0%, rgba(9,40,67,.52) 40%,
                    rgba(9,40,67,.10) 66%, transparent 84%),
    url('../gorseller/555c168bbfd6.webp');
  background-position:center,right center}
:root[data-tema="eagle"] body.kk-ogrenci .eagle-hero .logo{width:min(300px,34vw)}
:root[data-tema="eagle"] body.kk-ogrenci .eagle-hero .altyazi{color:#F5B841;font-weight:800}

/* ---- Veli ekranı (11 Eki) ----
 * Veli MyExamy'den girmez; temayı assets/kesif-veli-tema.js çocuğun
 * okulundan (veli_rapor.tema) okuyup uygular. Logo beyaz (Eagle Lab
 * marka dosyası); açık üst çubukta görünmesi için lacivert yuva. */
:root[data-tema="eagle"] .topbar .brand img.kv-eagle-logo{
  background:#0F3A61;border-radius:10px;padding:5px 10px;height:42px;box-sizing:border-box}