/* ══════════════════════════════════════════════════════
   SHARPE MARKA LOGOSU
   Tüm "Sha[RPE]" / "Sha[Coach]" amblem varyantları burada.
   Kullanıcılar: .logo (header), .login-logo (giriş kartı),
   .about-logo (hakkında sayfası), .sidebar__logo-text (yan menü).

   Bu dosya shared/tokens.css'e bağımlıdır (--font-logo,
   --logo-size-*, --logo-red, --weight-black, --lh-tight,
   --text-2xl). tokens.css'ten SONRA yüklenmeli.

   rpe775 ve coach775 ortak kullanır; marka kimliği tek
   noktadan yönetilir. Buradaki değerlere yalnızca tüm
   varyantları etkileyecek bilinçli bir marka kararıyla
   dokunulmalı.
   ══════════════════════════════════════════════════════ */

.logo,
.login-logo,
.about-logo,
.sidebar__logo-text {
  font-family: var(--font-logo);
  font-weight: var(--weight-black);
  line-height: var(--lh-tight);
  letter-spacing: 0;
}

.logo {
  font-size: var(--logo-size-sm);
}

.login-logo {
  font-size: var(--logo-size-lg);
}

.about-logo {
  font-size: var(--logo-size-md);
}

.sidebar__logo-text {
  font-size: var(--text-2xl);
}

/* Varsayılan (dark tema) renkleri */
.logo,
.login-logo,
.about-logo,
.sidebar__logo-text {
  color: var(--text);  /* Sha rengi */
}

.logo span,
.login-logo span,
.about-logo span,
.sidebar__logo-text span {
  font-style: italic;
  color: var(--logo-red);   /* RPE sabit Türk kırmızısı — temadan bağımsız */
  text-shadow: 0 0 2px var(--logo-red-glow);
}

/* Light tema override */
[data-theme=light] .logo,
[data-theme=light] .login-logo,
[data-theme=light] .about-logo {
  color: var(--text);
  text-shadow: none;
}

[data-theme=light] .logo span,
[data-theme=light] .login-logo span,
[data-theme=light] .about-logo span {
  color: var(--logo-red);
  text-shadow: none;
}

[data-theme=light] .sidebar__logo-text span {
  text-shadow: none;
}

/* Dark tema (zaten varsayılan, ama attribute varsa da aynı) */
[data-theme=dark] .logo,
[data-theme=dark] .login-logo,
[data-theme=dark] .about-logo {
  color: var(--text);
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

[data-theme=dark] .logo span,
[data-theme=dark] .login-logo span,
[data-theme=dark] .about-logo span {
  color: var(--logo-red);
  text-shadow: 0 0 2px var(--logo-red-glow);
}