/* Sunable AI — palet katmanı: Lumii Design köprüsü.
 *
 * Arayüzün bütün renkleri `--c-*`, `--ges-*`, `--k-*`, `--e-*` jetonlarından
 * okunur (Tailwind sınıfları, app.css ve canvas grafikleri dahil). Bu dosya
 * o jetonların ADLARINI korur, DEĞERLERİNİ Lumii Design'ın temel
 * token'larına bağlar (viewer/vendor/lumii/tokens.css, themes.css).
 *
 * Sonuç: renk tek yerden, Lumii'den gelir. `data-theme` (12 hazır tema)
 * ve `data-mode="dark"` değişince burası kendiliğinden izler; ayrı bir
 * koyu palet yazılmaz. Önceki Ege/apollo paleti git geçmişinde duruyor.
 *
 * Konudan gelen üç anlam korunur, ama Lumii'nin sinyal renkleriyle:
 *   güneş / ışınım   --warn-line   (kehribar; sektör standardı sıcak ton)
 *   üretim / güç     --series-1    (arayüzün ana rengi)
 *   kayıp / şebeke   --err ; kâr / marj --ok
 */

/* ÖNEMLİ: `var()` içeren özel özellikler TANIMLANDIKLARI öğede çözülür ve
   çocuklar çözülmüş değeri miras alır. Koyu kalan bölgeler (kahraman
   bandı) temel token'ları yerelde değiştirdiğinde köprünün de orada
   yeniden hesaplanması gerekir; seçici listesi bu yüzden ikisini birden
   içeriyor. */
:root,
.bant-koyu, .kazanc-kahraman, .lumii-koyu {
  --font-sayi: var(--font);

  /* ── Nötrler ── */
  --c-background:                var(--bg);
  --c-surface:                   var(--surface);
  --c-surface-bright:            var(--surface);
  --c-surface-dim:               var(--line);
  --c-surface-container-lowest:  var(--surface);
  --c-surface-container-low:     color-mix(in srgb, var(--surface) 50%, var(--bg));
  --c-surface-container:         var(--line-soft);
  --c-surface-container-high:    color-mix(in srgb, var(--line-soft) 50%, var(--line));
  --c-surface-container-highest: var(--line);
  --c-surface-variant:           var(--line);
  --c-on-background:             var(--ink);
  --c-on-surface:                var(--ink);
  --c-on-surface-variant:        var(--muted);
  --c-outline:                   var(--muted);
  --c-outline-variant:           var(--line);
  --c-inverse-surface:           var(--ink);
  --c-inverse-on-surface:        var(--surface);

  /* ── Ana renk ── */
  --c-primary:                   var(--primary);
  --c-primary-container:         var(--primary-soft);
  --c-on-primary:                var(--on-primary);
  --c-on-primary-container:      var(--primary-press);
  --c-primary-fixed:             var(--primary-soft);   /* aktif menü zemini */
  --c-primary-fixed-dim:         color-mix(in srgb, var(--primary-soft) 70%, var(--primary));
  --c-on-primary-fixed:          var(--primary-press);
  --c-on-primary-fixed-variant:  var(--primary-hover);
  --c-inverse-primary:           var(--primary-soft);
  --c-surface-tint:              var(--primary);

  /* ── İkincil = uyarı (kehribar) ── */
  --c-secondary:                 var(--warn);
  --c-secondary-container:       var(--badge-warn);
  --c-secondary-fixed:           var(--warn-soft);
  --c-secondary-fixed-dim:       var(--warn-line);
  --c-on-secondary:              var(--surface);
  --c-on-secondary-container:    var(--on-badge-warn);
  --c-on-secondary-fixed:        var(--ink);
  --c-on-secondary-fixed-variant: var(--warn);

  /* ── Üçüncül = başarı ── */
  --c-tertiary:                  var(--ok);
  --c-tertiary-container:        var(--ok);
  --c-tertiary-fixed:            var(--ok-soft);
  --c-tertiary-fixed-dim:        color-mix(in srgb, var(--ok-soft) 60%, var(--ok));
  --c-on-tertiary:               var(--on-ok);
  --c-on-tertiary-container:     var(--on-ok);
  --c-on-tertiary-fixed:         var(--ink);
  --c-on-tertiary-fixed-variant: var(--ok);

  /* ── Hata ── */
  --c-error:                     var(--err);
  --c-error-container:           var(--err-soft);
  --c-on-error:                  var(--on-err);
  --c-on-error-container:        var(--err);

  /* ── Grafik (canvas bunları `tema()` ile okur) ── */
  --ges-cizgi-1:    var(--warn-line);   /* güneş / ışınım serisi */
  --ges-cizgi-2:    var(--series-1);    /* güç / sonuç serisi */
  --ges-izgara:     var(--line-soft);
  --ges-eksen:      var(--line);
  --ges-eksen-yazi: var(--muted);
  --ges-isaret:     var(--ink);
  --ges-isi:        214, 88, 12;        /* rgba() içinde kullanılır: üçlü kalır */
  --ges-belirsiz:   var(--muted-mark);
  --ges-modul:      #1E3352;            /* PV modülünün gerçek rengi — konu, tema değil */

  /* ── Vurgu ve kategoriler ── */
  --c-vurgu:        var(--warn);
  --c-vurgu-soluk:  var(--warn-soft);
  --c-on-vurgu:     var(--surface);

  /* Lumii düz yüzey kullanır; gradyanlar tek renge indi. Ad korunuyor
     çünkü app.css'te `background: var(--g-…)` diye okunuyorlar. */
  --g-gunes:   var(--warn-line);
  --g-deniz:   var(--series-1);
  --g-zeytin:  var(--ok);
  --g-gece:    var(--ink);
  --g-marka:   var(--primary);

  --k-isinim:  var(--warn-line);
  --k-uretim:  var(--series-1);
  --k-golge:   var(--series-3);
  --k-kayip:   var(--err);
  --k-kazanc:  var(--ok);

  /* Fabrikayı o an taşıyan kaynaklar: güneş kehribar, gaz ana renk,
     şebeke hata (en pahalı kaynak), marj başarı (kâr). */
  --e-gunes:   var(--warn-line);
  --e-gaz:     var(--series-1);
  --e-sebeke:  var(--err);
  --e-marj:    var(--ok);
  --e-acik:    var(--err);
  --yuk-cizgi: var(--ink);
  --yuk-halo:  color-mix(in srgb, var(--surface) 75%, transparent);
}

/* ── Temadan bağımsız koyu kalan bölgeler ──
   Kahraman bandı ve kazanç kutusu 3B sahne ve ışıma efektleriyle koyu
   zemin için tasarlandı. Lumii'nin koyu nötrlerini (grafit) alırlar;
   ana renk temadan gelir ve koyu zeminde okunsun diye açılır. */
:root { --primary-koyu-zeminde: color-mix(in oklab, var(--primary) 62%, white); }
.bant-koyu, .kazanc-kahraman, .lumii-koyu {
  /* color-scheme BİLEREK yok: 3B varlıklar iframe ve şema uyuşmazlığında
     tarayıcı iframe'e opak beyaz zemin boyuyor. */
  --ink: #e9ebee;
  --muted: #a0a5aa;
  --line: #2e3438;
  --line-soft: #1f2328;
  --line-strong: #43484d;
  --surface: #13181c;
  --bg: #0a0f13;
  --primary: var(--primary-koyu-zeminde);
  --primary-soft: #0b2e47;
  --on-primary: #0e1216;
  --ok: #4bc680;  --ok-soft: #12301e;
  --warn: #edb345; --warn-soft: #34260c; --warn-line: #f0b429;
  --err: #fa686a;  --err-soft: #421b1b;
  --series-1: var(--primary-koyu-zeminde);
  --muted-mark: #7c8185;
}