/* =========================================================================
   ETESIO UZAK BAĞLANTI — kurumsal kimlik belirteçleri
   Renk ve ölçü değerleri sayfalarda ELLE yazılmaz, buradan alınır.

   Yeşil rastgele seçilmedi: sarıya kaçan yeşil "uyarı/dikkat" hissi verir,
   maviye kaçan yeşil sakinlik ve güvenilirlik verir. Uzaktan destek yazılımı
   güven ister, o yüzden ton ailesi soğuk-nötr yeşilden kuruldu.
   Bütün renk çiftleri okunabilirlik ölçütünden geçirildi (gövde 4.5:1).
   ========================================================================= */

:root {
  /* --- Ton ailesi --- */
  --yesil-900: #0C2A1E;
  --yesil-800: #12402D;
  --yesil-700: #17573C;
  --yesil-600: #1C6E4B;
  --yesil-500: #238C5E;
  --yesil-400: #2E9A69;
  --yesil-300: #5FC496;
  --yesil-200: #9BDCBB;
  --yesil-100: #D3F0E1;
  --yesil-50:  #EDF9F2;

  /* --- Vurgu: yeşilin tamamlayıcısı bakır. Bağırmaz ama kaybolmaz. --- */
  --bakir-600: #9A5B1F;
  --bakir-500: #C27A2C;
  --bakir-400: #DFA054;

  /* --- Yüzeyler --- */
  --zemin:    #FBFDFC;
  --zemin-2:  #F2F7F4;
  --kart:     #FFFFFF;
  --kenar:    #DCE7E1;
  --kenar-2:  #C6D8CE;

  /* --- Metin --- */
  --metin:    #0F1F18;
  --metin-2:  #43584E;
  --metin-3:  #5B7267;
  --metin-ters: #F4FBF7;

  /* --- Yazı tipleri --- */
  --yazi-baslik: 'Familjen Grotesk', 'Segoe UI', system-ui, sans-serif;
  --yazi-govde:  'Manrope', 'Segoe UI', system-ui, sans-serif;
  --yazi-tek:    'JetBrains Mono', 'Cascadia Mono', Consolas, monospace;

  /* --- Boşluk ritmi: 4 tabanlı değil, 6 tabanlı. Şablon hissini kıran
         küçük ama etkili bir seçim. --- */
  --aralik-1: 6px;
  --aralik-2: 12px;
  --aralik-3: 18px;
  --aralik-4: 30px;
  --aralik-5: 48px;
  --aralik-6: 78px;
  --aralik-7: 126px;

  /* --- Köşe dili: tek yarıçap değil, kademeli --- */
  --kose-kucuk: 6px;
  --kose-orta:  12px;
  --kose-buyuk: 22px;

  /* --- Derinlik: yumuşak ve yeşile boyanmış gölge; nötr siyah gölge
         yeşil zeminde kirli görünüyor. --- */
  --golge-1: 0 1px 2px rgba(12, 42, 30, .06), 0 2px 8px rgba(12, 42, 30, .04);
  --golge-2: 0 2px 6px rgba(12, 42, 30, .08), 0 12px 28px rgba(12, 42, 30, .07);
  --golge-3: 0 8px 20px rgba(12, 42, 30, .10), 0 28px 60px rgba(12, 42, 30, .12);

  --gecis: 180ms cubic-bezier(.22, .61, .36, 1);
  --olcu-genis: 1180px;
  --olcu-metin: 68ch;
}

/* Koyu tema. Renkler yalnız burada YENİDEN tanımlanır; hiçbir renk tek
   tanımını bu bloğun içinde bulmaz, yoksa açık temada boşta kalır. */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]) {
    --zemin:   #0B1712;
    --zemin-2: #122019;
    --kart:    #142720;
    --kenar:   #22392E;
    --kenar-2: #2E4A3C;

    --metin:   #E8F3EC;
    --metin-2: #B4C9BE;
    --metin-3: #8FA89A;
    --metin-ters: #0B1712;

    --golge-1: 0 1px 2px rgba(0, 0, 0, .30);
    --golge-2: 0 2px 6px rgba(0, 0, 0, .34), 0 12px 28px rgba(0, 0, 0, .30);
    --golge-3: 0 8px 20px rgba(0, 0, 0, .38), 0 28px 60px rgba(0, 0, 0, .40);
  }
}

:root[data-tema="koyu"] {
  --zemin:   #0B1712;
  --zemin-2: #122019;
  --kart:    #142720;
  --kenar:   #22392E;
  --kenar-2: #2E4A3C;
  --metin:   #E8F3EC;
  --metin-2: #B4C9BE;
  --metin-3: #8FA89A;
  --metin-ters: #0B1712;
  --golge-1: 0 1px 2px rgba(0, 0, 0, .30);
  --golge-2: 0 2px 6px rgba(0, 0, 0, .34), 0 12px 28px rgba(0, 0, 0, .30);
  --golge-3: 0 8px 20px rgba(0, 0, 0, .38), 0 28px 60px rgba(0, 0, 0, .40);
}