/* jeton.css -- temanin TEK renk ve olcu kaynagi.
 *
 * ONEK --ss-. Eklentiler kendi jetonlarini tasiyor (program-indir: --zemin,
 * --vurgu, --pi-*). Tema ayni adlari :root'a yazarsa sonra yuklenen kazanir
 * ve biri degisince oburu sessizce bozulur. Ayri onek, ayri sorumluluk.
 *
 * DEGERLER OLCULMUS PALETTEN. Program-indir portalinda 18 Eylul'de acik ve
 * koyu temada 302 ogede AA kontrast taramasi yapildi, 0 hata. Ayni degerler
 * burada; yeni renk uydurulmadi.
 *
 * GECE MODU: `html.dark-mode`. prefers-color-scheme BILEREK YOK -- kullanici
 * karari (17 Eylul): varsayilan acik, karar yalniz sitenin kendi dugmesinde.
 * Sinif adi eklentinin zaten okudugu sinif; boylece tek dugme ikisini birden
 * ceviriyor, eklentide degisiklik gerekmiyor.
 */
:root {
  /* Yuzeyler */
  --ss-zemin:       #F3F6FC;
  --ss-yuzey:       #FFFFFF;
  --ss-yuzey-2:     #E9EFFA;
  --ss-yuzey-3:     #DDE6F5;
  --ss-cizgi:       rgba(11, 17, 32, .11);
  --ss-cizgi-guclu: rgba(11, 17, 32, .21);

  /* Metin */
  --ss-metin:  #0B1120;
  --ss-sessiz: #54627D;

  /* Vurgular. -us: dolgu UZERINDEKI yazi; -cip: tonlu zemin uzerindeki yazi.
     Gunduzde dogal degerler, ayrisma gecede oluyor. */
  --ss-marka:     #2A55D8;
  --ss-marka-yum: rgba(42, 85, 216, .10);
  --ss-marka-us:  #FFFFFF;
  --ss-marka-cip: #2A55D8;
  --ss-guven:     #0F7A52;
  --ss-guven-yum: rgba(15, 122, 82, .11);
  --ss-sicak:     #B4530C;
  --ss-sicak-yum: rgba(180, 83, 12, .11);
  --ss-mor:       #6D3BD1;
  --ss-mor-yum:   rgba(109, 59, 209, .10);

  /* Golgeler */
  --ss-golge:      0 1px 2px rgba(11, 17, 32, .05), 0 8px 22px rgba(11, 17, 32, .05);
  --ss-golge-kalk: 0 2px 5px rgba(11, 17, 32, .07), 0 18px 40px rgba(42, 85, 216, .16);
  --ss-kabuk:      rgba(255, 255, 255, .86);

  /* Yazi tipi. Sistem yigini: dis istek yok, ilk boyamada harf kaymasi yok.
     Inter kendi sunucumuzdan eklenirse ilk sirada zaten duruyor. */
  --ss-yazi: Inter, "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --ss-kod:  ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Olcek (1rem = 16px) */
  --ss-o1: .75rem;   --ss-o2: .8125rem; --ss-o3: .875rem;
  --ss-o4: 1rem;     --ss-o5: 1.125rem; --ss-o6: 1.375rem;
  --ss-o7: 1.75rem;  --ss-o8: 2.5rem;   --ss-o9: 3.25rem;

  /* Bosluk (4'un katlari) */
  --ss-b1: 4px;  --ss-b2: 8px;  --ss-b3: 12px; --ss-b4: 16px;
  --ss-b5: 24px; --ss-b6: 32px; --ss-b7: 48px; --ss-b8: 64px;

  /* Kose */
  --ss-r-s: 8px; --ss-r: 13px; --ss-r-b: 18px;

  /* Kapsayici. 1280 klasik portal genisligi; satirlar okunur kaliyor. */
  --ss-kap: 1280px;
  --ss-yan: 1.5rem;

  /* Katman sirasi -- rastgele z-index yazilmasin diye. */
  --ss-z-kabuk: 50;
  --ss-z-menu:  60;
  --ss-z-perde: 100;

  /* Hareket */
  --ss-sure:   .18s;
  --ss-egri:   cubic-bezier(.2, .8, .2, 1);

  color-scheme: light;
}

:root.dark-mode {
  --ss-zemin:       #0B1120;
  --ss-yuzey:       #131C31;
  --ss-yuzey-2:     #1A2440;
  --ss-yuzey-3:     #223056;
  --ss-cizgi:       rgba(255, 255, 255, .085);
  --ss-cizgi-guclu: rgba(255, 255, 255, .19);

  --ss-metin:  #E6ECF9;
  --ss-sessiz: #8B99B6;

  /* Gecede vurgu aciliyor; uzerindeki beyaz yazi 3,16'ya dusuyordu
     (olculdu), koyu yazi 5,95. Tonlu zeminde ters yon: #7FA6FF 5,80. */
  --ss-marka:     #5B8CFF;
  --ss-marka-yum: rgba(91, 140, 255, .14);
  --ss-marka-us:  #0B1120;
  --ss-marka-cip: #7FA6FF;
  --ss-guven:     #34D399;
  --ss-guven-yum: rgba(52, 211, 153, .13);
  --ss-sicak:     #FFA14D;
  --ss-sicak-yum: rgba(255, 161, 77, .13);
  --ss-mor:       #A78BFA;
  --ss-mor-yum:   rgba(167, 139, 250, .13);

  --ss-golge:      0 1px 2px rgba(0, 0, 0, .4), 0 10px 28px rgba(0, 0, 0, .26);
  --ss-golge-kalk: 0 2px 6px rgba(0, 0, 0, .45), 0 20px 46px rgba(91, 140, 255, .2);
  --ss-kabuk:      rgba(19, 28, 49, .86);

  color-scheme: dark;
}

/* Hareket azaltmak isteyene sure sifir. */
@media (prefers-reduced-motion: reduce) {
  :root { --ss-sure: 0s; }
}