/* GES Stüdyo — palet katmanı.
 *
 * Renkler Tailwind'in içine GÖMÜLMEZ; her token bir CSS değişkenine
 * bağlıdır (`--c-surface` gibi) ve palet o değişkenleri değiştirir.
 * Böylece palet denemek yeniden derleme gerektirmez ve tek bir
 * `data-palet` özniteliğiyle tüm arayüz değişir — grafikler dâhil,
 * çünkü canvas da bu değişkenleri okuyor.
 *
 * Paletler dekoratif seçilmedi, konudan türetildi:
 *   modül laciverti   AR kaplamalı monokristal silisyumun gerçek rengi
 *   ışınım rampası    sarı→turuncu→kırmızı sıralı ölçek; güneş kaynağı
 *                     haritalarının sektör standardı (Global Solar Atlas,
 *                     PVGIS). Gökkuşağı rampası yaygın ama yanlıştır:
 *                     algısal olarak düzgün değildir ve sahte sınır üretir.
 *   yeşil             SCADA'da "üretiyor" durumunun rengi
 */

/* ══ EGE — varsayılan ══

   ÖNCEKİ SÜRÜMÜN HATASI: marka rengini NÖTRLERİN TAMAMINA uygulamıştım.
   Zemin, yüzey, panel başlığı, çizgi — hepsi yeşile boyanmıştı ve arayüz
   tek renge boğulmuştu. Doygunluğu artırmak bunu daha da kötüleştirdi.

   Doğrusu ayrımdır:
     NÖTRLER  neredeyse beyaz, yalnızca bir fısıltı yeşil taşır. Sayfanın
              %90'ı bunlardır ve göze çarpmamaları gerekir.
     VURGULAR doygun kalır ama YALNIZCA anlam taşıyan yerlerde görünür:
              aktif menü, KPI'nın birincil sayısı, veri çubukları, not
              kutularının kenar şeridi, bağlantılar, seçili satır.

   Bir palette rengin miktarı, tonundan daha belirleyicidir. */
:root, [data-palet="ege"], [data-palet="ege-doygun"] {
  /* ── Nötrler: neredeyse beyaz ── */
  --c-background:                #F5F9F7;
  --c-surface:                   #FFFFFF;
  --c-surface-bright:            #FFFFFF;
  --c-surface-dim:               #E8EFEB;
  --c-surface-container-lowest:  #FFFFFF;
  --c-surface-container-low:     #FAFCFB;
  --c-surface-container:         #F1F7F4;
  --c-surface-container-high:    #E9F1ED;
  --c-surface-container-highest: #DFEAE4;
  --c-surface-variant:           #DFEAE4;
  --c-on-background:             #12211B;
  --c-on-surface:                #12211B;
  --c-on-surface-variant:        #476153;
  --c-outline:                   #7A9488;
  --c-outline-variant:           #DBE7E1;   /* saç teli — çok açık */
  --c-inverse-surface:           #1B2E27;
  --c-inverse-on-surface:        #EAF3EE;

  /* ── Vurgular: doygun, ama az yerde ── */
  --c-primary:                   #00806F;
  --c-primary-container:         #02A88F;
  --c-on-primary:                #FFFFFF;
  --c-on-primary-container:      #B4EDE2;
  --c-primary-fixed:             #D6F5EE;   /* aktif menü zemini */
  --c-primary-fixed-dim:         #A6E8DA;
  --c-on-primary-fixed:          #00332B;
  --c-on-primary-fixed-variant:  #00544A;
  --c-inverse-primary:           #4FE0C6;
  --c-surface-tint:              #00806F;

  --c-secondary:                 #CC7400;
  --c-secondary-container:       #FFA92E;
  --c-secondary-fixed:           #FFEBD2;
  --c-secondary-fixed-dim:       #FFC25C;
  --c-on-secondary:              #FFFFFF;
  --c-on-secondary-container:    #4A2A00;
  --c-on-secondary-fixed:        #2C1800;
  --c-on-secondary-fixed-variant:#7A4700;

  --c-tertiary:                  #06592F;
  --c-tertiary-container:        #12853F;
  --c-tertiary-fixed:            #D3F4DF;
  --c-tertiary-fixed-dim:        #86D8A6;
  --c-on-tertiary:               #FFFFFF;
  --c-on-tertiary-container:     #A9EFC4;
  --c-on-tertiary-fixed:         #00210F;
  --c-on-tertiary-fixed-variant: #075030;

  --c-error:                     #D02E1F;
  --c-error-container:           #FFE4E0;
  --c-on-error:                  #FFFFFF;
  --c-on-error-container:        #8C1008;

  /* ── Grafik ── */
  --ges-cizgi-1:    #DB8100;   /* güneş / ışınım serisi */
  --ges-cizgi-2:    #00806F;   /* güç / sonuç serisi */
  --ges-izgara:     #E6EFEA;
  --ges-eksen:      #DBE7E1;
  --ges-eksen-yazi: #476153;
  --ges-isaret:     #12211B;
  --ges-isi:        214, 88, 12;
  --ges-belirsiz:   #7A9488;
  --ges-modul:      #1E3352;   /* PV modülünün gerçek rengi */
}

/* ══ A · GÖKYÜZÜ ══
   Zemin gökyüzüne bakan yüzeyin rengi: açık mavi-gri, sarıya hiç kaçmaz.
   Mürekkep gece göğünün laciverti. */
[data-palet="gokyuzu"] {
  --c-background:                #F4F8FB;
  --c-surface:                   #FFFFFF;
  --c-surface-bright:            #FFFFFF;
  --c-surface-dim:               #E6EEF4;
  --c-surface-container-lowest:  #FFFFFF;
  --c-surface-container-low:     #FAFCFE;
  --c-surface-container:         #F0F5F9;
  --c-surface-container-high:    #E8EFF5;
  --c-surface-container-highest: #DDE7EF;
  --c-surface-variant:           #DDE7EF;
  --c-on-background:             #0F1E2E;
  --c-on-surface:                #0F1E2E;
  --c-on-surface-variant:        #46596B;
  --c-outline:                   #7C8EA0;
  --c-outline-variant:           #DCE6EE;
  --c-inverse-surface:           #1B2B3A;
  --c-inverse-on-surface:        #EAF1F7;

  --c-primary:                   #0E7C6B;
  --c-primary-container:         #14A08A;
  --c-on-primary:                #FFFFFF;
  --c-on-primary-container:      #ADEEE0;
  --c-primary-fixed:             #D6F3EE;
  --c-primary-fixed-dim:         #A2E4D6;
  --c-on-primary-fixed:          #00332B;
  --c-on-primary-fixed-variant:  #00564A;
  --c-inverse-primary:           #6ADBC5;
  --c-surface-tint:              #0E7C6B;

  --c-secondary:                 #C07A10;
  --c-secondary-container:       #FFBE5C;
  --c-secondary-fixed:           #FFEEDA;
  --c-secondary-fixed-dim:       #FFCE85;
  --c-on-secondary:              #FFFFFF;
  --c-on-secondary-container:    #4C2E00;
  --c-on-secondary-fixed:        #2E1A00;
  --c-on-secondary-fixed-variant:#7E4E00;

  --c-tertiary:                  #124E6E;
  --c-tertiary-container:        #1C6E96;
  --c-tertiary-fixed:            #DCF0FB;
  --c-tertiary-fixed-dim:        #8FD3F0;
  --c-on-tertiary:               #FFFFFF;
  --c-on-tertiary-container:     #B8E6FB;
  --c-on-tertiary-fixed:         #001E2C;
  --c-on-tertiary-fixed-variant: #0F4B69;

  --c-error:                     #B23A2B;
  --c-error-container:           #FFE4E0;
  --c-on-error:                  #FFFFFF;
  --c-on-error-container:        #841409;

  --ges-cizgi-1:    #D28616;
  --ges-cizgi-2:    #0E7C6B;
  --ges-izgara:     #E8EFF5;
  --ges-eksen:      #DCE6EE;
  --ges-eksen-yazi: #46596B;
  --ges-isaret:     #0F1E2E;
  --ges-isi:        210, 100, 30;
  --ges-belirsiz:   #7C8EA0;
  --ges-modul:      #1B2A4A;
}

/* ══ C · GECE — koyu varsayılan ══
   Gece göğü laciverti zemin, panel yeşili, güneş kehribarı.
   Isı rampası TERSTİR: koyu = düşük, parlak = yüksek. Aydınlık zemindeki
   rampayı koyuya taşımak okunmaz hâle getirirdi; algı zemine göre çalışır. */
[data-palet="gece"] {
  --c-background:                #0E1826;
  --c-surface:                   #0E1826;
  --c-surface-bright:            #22303F;
  --c-surface-dim:               #0A121D;
  --c-surface-container-lowest:  #090F18;
  --c-surface-container-low:     #131E2C;
  --c-surface-container:         #16202F;
  --c-surface-container-high:    #1F2C3D;
  --c-surface-container-highest: #28374A;
  --c-surface-variant:           #28374A;
  --c-on-background:             #DFE9F2;
  --c-on-surface:                #DFE9F2;
  --c-on-surface-variant:        #A3B4C4;
  --c-outline:                   #7E8FA0;
  --c-outline-variant:           #2A3A4D;
  --c-inverse-surface:           #DFE9F2;
  --c-inverse-on-surface:        #0E1826;

  --c-primary:                   #2FBF9A;
  --c-primary-container:         #1B7A63;
  --c-on-primary:                #00201B;
  --c-on-primary-container:      #A8EDDB;
  --c-primary-fixed:             #1B7A63;
  --c-primary-fixed-dim:         #26A183;
  --c-on-primary-fixed:          #CFF3E8;
  --c-on-primary-fixed-variant:  #8FDCC8;
  --c-inverse-primary:           #06786A;
  --c-surface-tint:              #2FBF9A;

  --c-secondary:                 #F0AE3F;
  --c-secondary-container:       #8A5A12;
  --c-secondary-fixed:           #6E4710;
  --c-secondary-fixed-dim:       #A87226;
  --c-on-secondary:              #2E1A00;
  --c-on-secondary-container:    #FFDFB5;
  --c-on-secondary-fixed:        #FFE9C8;
  --c-on-secondary-fixed-variant:#FFCE85;

  --c-tertiary:                  #5FD4A8;
  --c-tertiary-container:        #17694C;
  --c-tertiary-fixed:            #17694C;
  --c-tertiary-fixed-dim:        #2A8A67;
  --c-on-tertiary:               #00281B;
  --c-on-tertiary-container:     #A8EDCB;
  --c-on-tertiary-fixed:         #C8F2DD;
  --c-on-tertiary-fixed-variant: #8FDCB8;

  --c-error:                     #E4695A;
  --c-error-container:           #7A2018;
  --c-on-error:                  #2C0605;
  --c-on-error-container:        #FFDAD4;

  --ges-cizgi-1:    #F0AE3F;
  --ges-cizgi-2:    #2FBF9A;
  --ges-izgara:     #22303F;
  --ges-eksen:      #2A3A4D;
  --ges-eksen-yazi: #A3B4C4;
  --ges-isaret:     #DFE9F2;
  --ges-isi:        240, 174, 63;
  --ges-belirsiz:   #7E8FA0;
  --ges-modul:      #2E4772;
}

/* Koyu paletlerde tarayıcının kendi denetimleri de uyum sağlasın. */
[data-palet="gece"] { color-scheme: dark; }

/* ══════════════════════════════════════════════════════════════════════
   YÖNETİCİ KATMANI — gradyanlar, vurgu ve grafik kategorileri

   apollo.eco'nun tasarım dili ölçüldü ve YAPI alındı: büyük sayı + küçük
   birim + delta hapı, gradyanlı modül kutuları, koyu kahraman + açık
   gövde. RENKLERİ alınmadı — onların asit yeşili (#14DD73) ve moru
   (#895ECC) kendi markaları; bizim konumuz güneş, çatı ve Ege.

   Buradaki her renk konudan türetildi:
     kehribar   ışınım haritalarının sektör standardı (Global Solar
                Atlas, PVGIS aynısını kullanır)
     turkuaz    SCADA'da "üretiyor" durumunun rengi
     deniz      Ege
     mercan     kayıp/uyarı — kırmızıya kaçmadan, tabloyu alarma
                çevirmeden
   ══════════════════════════════════════════════════════════════════════ */

:root {
  /* Tek canlı vurgu. Boldluk TEK yerde harcanır; gerisi sakin kalır. */
  --c-vurgu:            #C97A16;
  --c-vurgu-soluk:      #FBEBD4;
  --c-on-vurgu:         #FFFFFF;

  /* Gradyanlar — modül kutuları ve kahraman bandı için. */
  --g-gunes:   linear-gradient(135deg, #FFD98A 0%, #E08A28 100%);
  --g-deniz:   linear-gradient(135deg, #A9DCEF 0%, #2E6FA8 100%);
  --g-zeytin:  linear-gradient(135deg, #CFE3A8 0%, #4E7A2E 100%);
  --g-gece:    linear-gradient(160deg, #08211D 0%, #0E312A 100%);
  --g-marka:   linear-gradient(135deg, #4FD3B8 0%, #00806F 100%);

  /* Grafik kategorileri — beşi bir arada ayırt edilebilir olacak
     biçimde seçildi; ardışık bir ölçek DEĞİL, kategorik dizi. */
  --k-isinim:  #D8901F;
  --k-uretim:  #16887A;
  --k-golge:   #2E6FA8;
  --k-kayip:   #C25A3E;
  --k-kazanc:  #6E8C3A;
}

/* Koyu temada vurgu ve kategoriler açılır: aynı hex koyu zeminde
   kararır ve okunmaz hâle gelir. */
[data-palet="gece"] {
  --c-vurgu:            #E8A33D;
  --c-vurgu-soluk:      #3A2A12;
  --c-on-vurgu:         #10231B;
  --g-gunes:   linear-gradient(135deg, #E8A33D 0%, #A85E14 100%);
  --g-deniz:   linear-gradient(135deg, #5FA8D8 0%, #1D4E7A 100%);
  --g-zeytin:  linear-gradient(135deg, #9BC46E 0%, #35561F 100%);
  --k-isinim:  #EDAB43;
  --k-uretim:  #3FC4AE;
  --k-golge:   #6BA8DA;
  --k-kayip:   #E08163;
  --k-kazanc:  #A0C468;
}