/* tokens.css — tasarım sisteminin tek kaynağı.
   Referans: Binance kurumsal kimliği. Siyah zemin, beyaz metin, cimrice sarı.
   Buradaki değerler dışında hiçbir dosyada ham renk/ölçü yazılmaz. */

:root {
  /* --- Zemin ve yüzeyler --- */
  --bg:        #0B0E11;
  --surface:   #181A20;
  --surface-2: #1E2329;
  --line:      #2B3139;
  --line-hi:   #474D57;

  /* --- Vurgu. SARI DİSİPLİNİ: yalnızca hero anahtar kelimesi, birincil buton,
         öne çıkan sayı, aktif sekme çizgisi ve link hover. Zemin olarak asla. --- */
  --gold:      #F0B90B;
  --gold-hi:   #FFC53D;

  /* --- Metin --- */
  --text:      #EAECEF;
  --text-2:    #B7BDC6;
  --muted:     #848E9C;

  /* --- Durum. Çok seyrek. --- */
  --mint:      #0ECB81;
  --coral:     #F6465D;

  /* --- Tipografi --- */
  --font: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --fs-hero:   56px;
  --fs-h2:     32px;
  --fs-h3:     20px;
  --fs-lead:   18px;
  --fs-body:   16px;
  --fs-sm:     14px;
  --fs-meta:   13px;
  --fs-stat:   44px;

  /* --- Boşluk skalası --- */
  --s1: 4px;   --s2: 8px;   --s3: 12px;  --s4: 16px;
  --s5: 24px;  --s6: 32px;  --s7: 48px;  --s8: 64px;  --s9: 96px;

  --section-y: var(--s9);

  /* --- Ölçüler --- */
  --max:       1200px;
  --max-read:  720px;
  --header-h:  64px;

  --r-card:    8px;
  --r-btn:     6px;
  --r-pill:    100px;

  --t: 150ms ease;
}

@media (max-width: 860px) {
  :root {
    --fs-hero: 34px;
    --fs-h2:   26px;
    --fs-stat: 32px;
    --section-y: 56px;
  }
}

/* Hareket tercihi kapalıysa tüm geçişleri sustur. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}