/* Asist Saha — tasarım tokenları (TASARIM-SPEC §2.1). Sahibi: P1b.
   Site yalnız koyu temadır; açık tema bilinçli olarak yok.
   Değerler spec ile BİREBİR; değiştirmeden önce §2.1 ve §2.2 renk anlam kurallarına bak. */
:root {
  color-scheme: dark;

  /* Zemin ve yüzey */
  --zemin:            #06070A;
  --zemin-2:          #0B0D12;
  --yuzey:            #0E1116;   /* Instagram kitinin zemini, kart yüzeyi */
  --yuzey-2:          #151922;
  --yuzey-3:          #1C212C;
  --cizgi:            #232836;
  --cizgi-yumusak:    rgba(255,255,255,.08);
  --bordo-sis:        #3A0F16;   /* sol üst radyal ışıma (Instagram kiti) */
  --bordo-derin:      #8B0000;   /* ASIST teması radyal kökü, yalnız %10–20 opaklıkta */

  /* Yazı */
  --yazi:             #F3F5F9;   /* #06070A üzerinde ≈ 18:1 */
  --yazi-2:           #A9B1BF;   /* ≈ 9:1 */
  --yazi-3:           #7D8595;   /* ≈ 5,4:1. Etiket ve künyede */

  /* Marka */
  --kirmizi:          #FF1744;   /* ASIST teması vurgusu: koyu zeminde yazı, iz, vurgu (≈ 5,2:1) */
  --kirmizi-dolgu:    #D71920;   /* düğme zemini; beyaz yazıyla ≈ 5,2:1 */
  --kirmizi-basili:   #B3141A;
  --kirmizi-sicak:    #FFD9DE;   /* izin beyaz-sıcak çekirdeği */
  --lacivert:         #032151;   /* logo kalkanı; yalnız derin gradyanlarda */
  --siren-mavi:       #2F6BFF;   /* YALNIZ 3D ortam ışığı, arayüzde kullanılmaz */

  /* Anlam (her rengin tek anlamı var; §2.2) */
  --monitor:          #00E676;   /* EKG monitör izi ve DOĞRU cevap */
  --monitor-zemin:    #030605;
  --monitor-cerceve:  #12301F;
  --monitor-izgara:   rgba(0,230,118,.10);
  --monitor-izgara-k: rgba(0,230,118,.22);
  --yanlis:           #FF6B6B;   /* YANLIŞ cevap (her zaman ✕ simgesi ve metinle) */
  --altin:            #FFC53D;   /* PREMIUM, sezon */
  --odak:             #5B8CFF;   /* klavye odak halkası */

  /* Tipografi */
  --font-baslik: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --font-govde:  "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif:  "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-mono:   "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --t-dev:       clamp(3.25rem, 15vw, 10.5rem);   /* H1 */
  --t-dev-sayi:  clamp(6rem, 36vw, 20rem);        /* "81", "RİTİM" */
  --t-2:         clamp(2.5rem, 11vw, 6.5rem);     /* H2 */
  --t-3:         clamp(1.375rem, 4.6vw, 2rem);    /* H3, soru metni */
  --t-giris:     clamp(1.0625rem, 2.4vw, 1.3125rem);
  --t-govde:     1.0625rem;                       /* 17px; ≥1024px'te 1.125rem */
  --t-kucuk:     .875rem;
  --t-mono:      .75rem;                          /* 12px */
  --t-mono-hud:  .8125rem;

  /* Boşluk (4px tabanı) */
  --b-1: 4px;  --b-2: 8px;  --b-3: 12px; --b-4: 16px; --b-5: 24px;
  --b-6: 32px; --b-7: 48px; --b-8: 64px; --b-9: 96px; --b-10: 128px;
  --kenar: 16px;                               /* ≥600px: 24px · ≥1024px: 40px */
  --genislik: 1200px;
  --olcu: 62ch;
  --bolum-dikey: clamp(72px, 14vw, 160px);
  --ust-yukseklik: 56px;
  --dock-yukseklik: 56px;

  /* Köşe */
  --r-1: 8px; --r-2: 14px; --r-3: 22px; --r-telefon: 40px; --r-ekran: 30px; --r-hap: 999px;

  /* Işık ve gölge */
  --kenar-isik:     inset 0 1px 0 rgba(255,255,255,.06);
  --parilti-kirmizi: 0 0 0 1px rgba(255,23,68,.45), 0 10px 36px -10px rgba(255,23,68,.6);
  --parilti-monitor: 0 0 24px -6px rgba(0,230,118,.45);
  --golge-telefon:  0 40px 80px -30px rgba(0,0,0,.85);

  /* Hareket */
  --e-cikis:    cubic-bezier(.16,1,.3,1);    /* GSAP karşılığı "expo.out" */
  --e-gecis:    cubic-bezier(.65,0,.35,1);   /* "power3.inOut" */
  --e-standart: cubic-bezier(.2,.7,.2,1);
  --s-bas: 120ms;  --s-kisa: 200ms;  --s-orta: 320ms;  --s-uzun: 600ms;  --s-geri: 900ms;

  /* Katmanlar */
  --z-sahne: 0; --z-icerik: 1; --z-ust: 40; --z-dock: 50; --z-imlec: 60;
  --z-bildirim: 70; --z-yukleme: 90; --z-atla: 100;
}
@media (min-width: 600px)  { :root { --kenar: 24px; } }
@media (min-width: 1024px) { :root { --kenar: 40px; --t-govde: 1.125rem; } }
@media (prefers-reduced-motion: reduce) {
  :root { --s-kisa: 1ms; --s-orta: 150ms; --s-uzun: 150ms; }
}
/* ?hareket=azalt da sistem ayarıyla aynı sonucu verir (§2.6). Sınıfı head betiği ekler. */
html.hareket-azalt { --s-kisa: 1ms; --s-orta: 150ms; --s-uzun: 150ms; }