/* ANKADRA ARK — ortak tasarım belirteçleri (site + yetkili paneli aynı sistem).
   Renk: antrasit/kömür zemin, kehribar (birincil eylem) + kristal camgöbeği (bilgi/odak) vurguları.
   Hareket: kısa, tek tip; prefers-reduced-motion'da kapanır. Ağır blur ve sürekli animasyon yok. */
:root {
  /* yüzeyler */
  --t-zemin: #07090c; --t-zemin2: #0b0e12; --t-yuzey: #11151a; --t-yuzey2: #161b22; --t-yuzey3: #1c222b;
  --t-cizgi: #222a33; --t-cizgi2: #2f3945;
  /* metin */
  --t-metin: #e9edf1; --t-soluk: #9aa7b3; --t-sessiz: #6b7886;
  /* vurgu + durum */
  --t-ana: #ffb24a; --t-ana2: #e8792b; --t-ana-yazi: #1f1000;
  --t-bilgi: #46d2ec; --t-bilgi2: #1e9fc0;
  --t-ok: #6fcf7f; --t-uyari: #f2b544; --t-hata: #ff6b5e; --t-mor: #b98cff;
  --t-odak: 0 0 0 3px rgba(70, 210, 236, .28);
  /* boşluk ölçeği (4 px tabanlı) */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s7: 32px; --s8: 48px;
  /* köşe + gölge */
  --k-sm: 8px; --k-md: 12px; --k-lg: 16px; --k-xl: 22px;
  --g-1: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 8px 24px -14px rgba(0, 0, 0, .8);
  --g-2: 0 24px 60px -24px rgba(0, 0, 0, .85);
  /* hareket */
  --h-hizli: 140ms; --h-orta: 200ms; --h-sayfa: 240ms; --h-modal: 220ms;
  --e-cik: cubic-bezier(.2, .8, .2, 1);   /* çıkış/yerleşme */
  --e-gir: cubic-bezier(.4, 0, 1, 1);     /* kaybolma */
  --h-kayma: 10px;
  /* ---- herkese açık site V12 ("bazalt + kor + buz"): antrasit taş zemin, kontrollü kor turuncusu (eylem), açık buz mavisi (bilgi/odak).
     Panel yukarıdaki --t-* değerlerini kullanmaya devam eder; site ark.css'te bu --a-* değerlerine bağlanır. */
  --a-bazalt: #121518; --a-bazalt2: #0c0e10; --a-kaya: #191d21; --a-kaya2: #21262b; --a-damar: #2b3137; --a-damar2: #3a4148;
  --a-tas: #e9e5de; --a-tas2: #a9adb0; --a-tas3: #80858a;
  --a-kor: #ff7a2e; --a-kor2: #d4561c; --a-kor-yazi: #1d0b00; --a-kor-soluk: rgba(255, 122, 46, .12);
  --a-buz: #a9def3; --a-buz2: #64b8dc; --a-buz-soluk: rgba(169, 222, 243, .1);
  --a-yosun: #8fd39a; --a-kizil: #ff8a7a;
  --a-odak: 0 0 0 3px rgba(169, 222, 243, .35);
  color-scheme: dark;
}
@media (prefers-reduced-motion: reduce) {
  :root { --h-hizli: 1ms; --h-orta: 1ms; --h-sayfa: 1ms; --h-modal: 1ms; --h-kayma: 0px; }
  *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; scroll-behavior: auto !important; }
}
html { background: var(--t-zemin); }
html.site { background: var(--a-bazalt); }   /* sayfa geçişinde beyaz flaş yok */

/* ortak animasyonlar */
@keyframes t-gir { from { opacity: 0; transform: translateY(var(--h-kayma)); } to { opacity: 1; transform: none; } }
@keyframes t-sol { from { opacity: 0; } to { opacity: 1; } }
@keyframes t-cik { from { opacity: 1; } to { opacity: 0; } }
@keyframes t-isilti { from { background-position: -200% 0; } to { background-position: 200% 0; } }
@keyframes t-don { to { transform: rotate(360deg); } }

/* iskelet (yükleniyor) */
.iskelet { display: block; border-radius: var(--k-sm); background: linear-gradient(90deg, var(--t-yuzey2) 25%, var(--t-yuzey3) 50%, var(--t-yuzey2) 75%); background-size: 200% 100%; animation: t-isilti 1.4s linear infinite; min-height: 14px; }
@media (prefers-reduced-motion: reduce) { .iskelet { animation: none; } }

/* düğme yükleniyor durumu (çift gönderimi de engeller) */
[aria-busy="true"] { position: relative; pointer-events: none; opacity: .75; }
.btn[aria-busy="true"]::after { content: ""; width: .9em; height: .9em; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: t-don .7s linear infinite; margin-left: 6px; }
:focus-visible { outline: 2px solid var(--t-bilgi); outline-offset: 2px; }