/* ============================================================
   Hisse Pro — tema temeli
   ------------------------------------------------------------
   Renkler, yazı tipleri ve en temel yardımcılar SADECE burada
   tanımlı. Bileşenler (kart, tablo, panel) her sayfanın kendi
   içinde kalır; onları buraya taşımak sayfalar arası çakışma
   üretir çünkü aynı sınıf adları farklı ölçülerde kullanılıyor.

   Bir rengi değiştireceksen tek dokunacağın dosya bu.
   Her sayfada auth.css veya sayfa içi <style> bloğundan ÖNCE
   yüklenmeli.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;450;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root{
  /* Zemin katmanları — arkadan öne */
  --bg:        #080C10;
  --bg-2:      #0C1218;
  --panel:     #10171E;
  --panel-hi:  #141D25;
  --raised:    #182430;

  /* Çizgiler */
  --line:      #1C2933;
  --line-soft: #16212A;

  /* Metin — koyudan açığa */
  --text:      #EAF1F6;
  --text-2:    #B7C6D2;
  --muted:     #718799;
  --dim:       #4A5D6C;

  /* Anlam renkleri */
  --up:        #34D399;
  --down:      #FB7185;
  --gold:      #EAB308;
  --gold-soft: rgba(234,179,8,.10);

  /* Köşe yarıçapları */
  --r:         16px;
  --r-sm:      10px;
  --r-xs:      7px;

  /* Yazı tipi rolleri */
  --font-display: 'Space Grotesk', sans-serif;   /* başlıklar, hisse kodları */
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;  /* tüm sayılar */
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}

body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-body);
  font-size:14px;
  font-weight:450;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

::selection{background:rgba(234,179,8,.25)}

/* Sayılar hizalı dursun; kolonlar oynamasın */
.num{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  letter-spacing:-.02em;
}
.tick{font-family:var(--font-display);font-weight:600;letter-spacing:.005em}

.up{color:var(--up)}
.down{color:var(--down)}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{
  background:var(--line);border-radius:10px;
  border:3px solid transparent;background-clip:padding-box;
}
::-webkit-scrollbar-thumb:hover{background:var(--dim);background-clip:padding-box}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
  html{scroll-behavior:auto}
}