/* Renk katmanı (18 Eki 2026). Ali: "pastel boyayla yapılmış gibi"; iç sayfa başındaki net mavi zemin ve mavi-turuncu ışık beğenildi.
   Logo renkleri aynı kalır, değişen kullanım: tok jet mavisi, koyu panellerde mavi ve turuncu ışık, sayfa başlarında net mavi zemin,
   sayfanın arkasında kaydırdıkça akan ışık katmanı (site.js, .renk-alan). */

:root { --jet-mavi: #2152E8; --jet-mavi-acik: #7FA4FF; }

/* Grafiklerde gider çubuğu ve dilimler soluk gri-mavi yerine tok mavi */
.g-grafik i + i { background: linear-gradient(180deg, #5B86FF, var(--jet-mavi)); }
.l-gider, .c-gider { background: linear-gradient(180deg, #6E95FF, var(--jet-mavi)); }
.dilim.d1, i.d1 { stroke: var(--jet-mavi); background: var(--jet-mavi); }
.dilim.d2, i.d2 { stroke: var(--jet-mavi-acik); background: var(--jet-mavi-acik); }

/* Koyu paneller: iki tok mavi ışık (turuncu ışık lacivert üstünde kahverengiye döndüğü için kullanılmaz; turuncu düğmede ve vurguda) */
.dortlu, .kasa-kutu {
  background: radial-gradient(ellipse 50% 90% at 92% 0%, rgba(33, 82, 232, .55), rgba(33, 82, 232, 0) 62%),
              radial-gradient(circle 420px at 6% 96%, rgba(59, 107, 255, .3), rgba(59, 107, 255, 0) 70%), var(--murekkep);
}
.son-kutu {
  background: radial-gradient(ellipse 60% 80% at 100% 0%, rgba(33, 82, 232, .6), rgba(33, 82, 232, 0) 60%),
              radial-gradient(circle 420px at 6% 96%, rgba(59, 107, 255, .32), rgba(59, 107, 255, 0) 70%), var(--murekkep);
}
.alt {
  background: radial-gradient(ellipse 55% 70% at 85% 0%, rgba(33, 82, 232, .4), rgba(33, 82, 232, 0) 65%),
              radial-gradient(circle 520px at 6% 100%, rgba(59, 107, 255, .22), rgba(59, 107, 255, 0) 70%), #0A1426;
}
.gun-kutu:not(.kapora-kutu) {
  background: radial-gradient(ellipse 55% 80% at 100% 0%, rgba(33, 82, 232, .55), rgba(33, 82, 232, 0) 62%),
              radial-gradient(circle 420px at 6% 96%, rgba(59, 107, 255, .3), rgba(59, 107, 255, 0) 70%), var(--murekkep);
}

/* Sayfa başları: net mavi zemin, sağ üstte mavi ışık, alanın içinde sönen turuncu ışık (kenarda kesilmez).
   Dip saydamlaşır, arkadaki ışık katmanına karışır; başlık alanıyla sayfa arasında çizgi kalmaz. */
.giris, .ic-giris, .rehber-giris, .yazi-bas, .yok {
  background: radial-gradient(ellipse 45% 80% at 100% 0%, rgba(33, 82, 232, .16), rgba(33, 82, 232, 0) 70%),
              radial-gradient(ellipse 30% 42% at 78% 56%, rgba(255, 154, 61, .2), rgba(255, 154, 61, 0) 70%),
              linear-gradient(180deg, #E4ECFF 0%, rgba(239, 244, 255, .7) 55%, rgba(255, 255, 255, 0) 100%);
}
/* Ana sayfa: turuncu ışık cihazların arkasında, biraz daha güçlü */
.giris {
  background: radial-gradient(ellipse 45% 70% at 100% 0%, rgba(33, 82, 232, .18), rgba(33, 82, 232, 0) 70%),
              radial-gradient(ellipse 30% 40% at 84% 68%, rgba(247, 128, 0, .3), rgba(247, 128, 0, 0) 70%),
              radial-gradient(ellipse 30% 40% at 0% 20%, rgba(33, 82, 232, .1), rgba(33, 82, 232, 0) 70%),
              linear-gradient(180deg, #E4ECFF 0%, rgba(239, 244, 255, .7) 55%, rgba(255, 255, 255, 0) 100%);
}

/* Arka plan ışık katmanı: sabit, içeriğin arkasında; site.js kaydırdıkça ışıkları yukarı akıtır,
   ekrandan çıkan ışık alttan başka renkte döner. Yalnız transform değişir. */
.renk-alan { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.renk-alan i { position: absolute; left: 0; top: 0; width: 56vmax; height: 56vmax; margin: -28vmax 0 0 -28vmax; border-radius: 50%; will-change: transform; }
.renk-alan .ri-mavi { background: radial-gradient(circle, rgba(33, 82, 232, .22), rgba(33, 82, 232, 0) 62%); }
.renk-alan .ri-turuncu { background: radial-gradient(circle, rgba(255, 154, 61, .24), rgba(255, 154, 61, 0) 62%); }
.renk-alan .ri-acik { background: radial-gradient(circle, rgba(127, 164, 255, .3), rgba(127, 164, 255, 0) 62%); }
@media print { .renk-alan { display: none; } }

/* Son bandın bölümü saydam: arkadaki ışık katmanı kesilmeden sürer */
.son { background: transparent; }