/* ============ SMEX Sports — Ortak Renk/Tema Dosyası ============
   Tüm sayfalarda <link rel="stylesheet" href="/theme.css"> ile dahil edilir.
   Bir rengi değiştirmek için SADECE bu dosyayı düzenlemeniz yeterli —
   tüm sayfalara otomatik yansır, her dosyayı tek tek değiştirmenize gerek yok.

   --black       : sayfa arka planı
   --black-2     : kart / footer / ikinci kademe arka plan
   --black-3     : en açık ton (görsel yer tutucular, vurgulu alanlar)
   --header-bg   : header'ın kendi arka planı (diğerlerinden bağımsız)
   --yellow      : marka rengi (vurgu)
   --yellow-dim  : marka renginin koyu tonu
   --white       : ana yazı rengi
   --grey        : ikincil yazı rengi
   --grey-line   : çizgi / border rengi
   --red         : uyarı / silme butonu rengi (sadece yönetim panelinde kullanılır)
*/

:root{
  --black:#0A0A0A;
  --black-2:#151515;
  --black-3:#1E1E1E;
  --header-bg:#0A0A0A;
  --yellow:#FDDF1F;
  --yellow-dim:#C9B319;
  --white:#FFFFFF;
  --grey:#8C8C8C;
  --grey-line:#2B2B2B;
  --red:#ff4d4d;
  --font-display:'Exo 2', sans-serif;
  --font-sub:'Exo 2', sans-serif;
  --font-body:'Exo 2', sans-serif;
}

html[data-theme="light"]{
  --black:#fbfbfb;
  --black-2:#fbfbfb;
  --black-3:#fbfbfb;
  --header-bg:#FFFFFF;
  --white:#0A0A0A;
  --grey:#666666;
  --grey-line:#DCDCDC;
}


/* ============ Logo boyutu ============
   Buradaki piksel değerlerini değiştirerek logonun büyüklüğünü
   tüm sayfalarda tek seferde ayarlayabilirsiniz. */
.logo img{width:42px;height:42px;flex-shrink:0;}
.drawer-head .logo img{width:28px;height:28px;}
@media(max-width:768px){
  .logo img{width:36px;height:36px;}
}