/* ==========================================================================
   sxs.academy — Tasarim token'lari
   Kaynak: Elementor Global Kit (ID 14) + tema CSS override'lari.
   Mevcut siteyle BIREBIR ayni degerler; goz karari alinmadi.
   ========================================================================== */

:root {
  /* ---------- Renkler: Elementor sistem renkleri ---------- */
  --renk-ana:            #211951;  /* primary   — "Ana Renk"        */
  --renk-mor:            #7F27FF;  /* secondary — "Renk 2"          */
  --renk-turkuaz:        #27D5FF;  /* text      — "Renk 3"          */
  --renk-bolum-zemin:    #F0F3FF;  /* accent    — "Section Arkaplan" */

  /* ---------- Renkler: Elementor ozel renkleri ---------- */
  --renk-mor-acik:       #9F70FD;  /* 6adbd1e — "Renk 2 - Açık"     */
  --renk-turuncu:        #FF8F27;  /* 314474f — "Ana Renk 2" (CTA)  */
  --renk-baslik-koyu:    #242A3A;  /* c6ff474 — "Başlık Renk"       */
  --renk-metin-3:        #434B5F;  /* 1b953cd — h1..h6 rengi        */
  --renk-metin-2:        #7F858C;  /* 5a5c3f5 — govde metni         */
  --renk-metin-1:        #D1CCEC;  /* 6e283a5 — koyu zeminde metin  */
  --renk-kenar:          #E3E2EA;  /* f2f70df — "Kenar Renk"        */
  --renk-banner:         #FF2727;  /* b6d62ca — header reklam bandi */
  --renk-ana-acik:       #372E6D;  /* 2999807 — "Ana Renk Açık"     */

  /* ---------- Turetilmis renkler ---------- */
  --renk-beyaz:          #FFFFFF;
  --renk-sayfa-zemin:    var(--renk-bolum-zemin);
  --renk-kart-zemin:     var(--renk-beyaz);
  --renk-basari:         #12B76A;
  --renk-uyari:          #F79009;
  --renk-hata:           #F04438;

  /* Tutor LMS renk override'lari (tutor_option'dan) */
  --tutor-ana:           #7f27ff;
  --tutor-ana-hover:     #9f70fd;
  --tutor-metin:         #212327;
  --tutor-gri:           #e3e5eb;
  --tutor-kenar:         #cdcfd5;

  /* ---------- Tipografi ---------- */
  /* Tek aile: Poppins. Yerel servis ediliyor (54 woff2 dosyasi). */
  --yazi-ailesi: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI",
                 Roboto, "Helvetica Neue", Arial, sans-serif;

  --yazi-govde:        400 15px/1.6 var(--yazi-ailesi);
  --yazi-metin:        400 16px/1.6 var(--yazi-ailesi);
  --yazi-h1:           600 28px/1.25 var(--yazi-ailesi);
  --yazi-h3:           600 18px/1.35 var(--yazi-ailesi);
  --yazi-accent:       500 16px/1.5 var(--yazi-ailesi);

  --agirlik-normal: 400;
  --agirlik-orta:   500;
  --agirlik-kalin:  600;

  /* Mobil boyutlar (Elementor kit'teki _mobile degerleri) */
  --yazi-h1-mobil-boyut: 24px;
  --yazi-h3-mobil-boyut: 16px;

  /* ---------- Yerlesim ---------- */
  --kapsayici-genislik:  1350px;   /* Elementor container_width */
  --bolum-dolgu-dikey:   80px;     /* container_padding top/bottom */
  --bolum-dolgu-yatay:   12px;     /* container_padding left/right */
  --widget-aralik:       15px;     /* space_between_widgets */

  /* ---------- Kose yuvarlakligi ---------- */
  --yuvarlak:       10px;          /* button_border_radius — her yerde 10px */
  --yuvarlak-kucuk:  6px;
  --yuvarlak-tam:   999px;

  /* ---------- Golgeler ---------- */
  /* Elementor bildirim kutusu golgesi */
  --golge-kart:  0 0 15px -11px rgba(0, 0, 0, 0.41);
  --golge-yuksek: 0 0 15px -11px rgba(0, 0, 0, 0.60);
  --golge-buton: 0 0 15px 0 rgba(0, 0, 0, 0.5);

  /* ---------- Gecisler ---------- */
  --gecis-hizli: 0.2s ease;
  --gecis:       0.3s ease;
  --gecis-yavas: 0.4s ease;

  /* ---------- Katmanlar ---------- */
  --z-header:  100;
  --z-acilir:  200;
  --z-modal:   300;
  --z-bildirim: 400;
}

/* ---------- Kirilma noktalari (Elementor viewport_md / viewport_lg) ----------
   Not: CSS ozel ozellikleri @media icinde kullanilamaz; referans icin burada.
   md: 768px  |  lg: 1025px
*/

@media (max-width: 1024px) {
  :root {
    --bolum-dolgu-dikey: 56px;
  }
}

@media (max-width: 767px) {
  :root {
    --bolum-dolgu-dikey: 40px;
    --yazi-h1: 600 24px/1.3 var(--yazi-ailesi);
    --yazi-h3: 600 16px/1.4 var(--yazi-ailesi);
  }
}

/* ==========================================================================
   Elementor global renk degiskenleriyle koprü
   Mevcut tema CSS'i `var(--e-global-color-314474f)` gibi adlar kullaniyordu.
   Eski CSS parcalarini oldugu gibi tasiyabilmek icin ayni adlari tanimliyoruz.
   ========================================================================== */
:root {
  --e-global-color-primary:   var(--renk-ana);
  --e-global-color-secondary: var(--renk-mor);
  --e-global-color-text:      var(--renk-turkuaz);
  --e-global-color-accent:    var(--renk-bolum-zemin);
  --e-global-color-6adbd1e:   var(--renk-mor-acik);
  --e-global-color-314474f:   var(--renk-turuncu);
  --e-global-color-c6ff474:   var(--renk-baslik-koyu);
  --e-global-color-1b953cd:   var(--renk-metin-3);
  --e-global-color-5a5c3f5:   var(--renk-metin-2);
  --e-global-color-6e283a5:   var(--renk-metin-1);
  --e-global-color-f2f70df:   var(--renk-kenar);
  --e-global-color-b6d62ca:   var(--renk-banner);
  --e-global-color-2999807:   var(--renk-ana-acik);
}