/* 
  CALM MODE (Sakin Mod)
  Bu dosya aktif edildiğinde uygulamanın neon ve yüksek uyarım efektleri kısılır.
*/

body.calm-mode {
  --glow: transparent !important;
  --soft: transparent !important;
  --edge: rgba(255, 255, 255, 0.1) !important;
  background-color: #0B1018 !important; /* Daha mat ve düz bir arka plan */
}

/* Oyunları Gizle (Sakin Modda Oyun İstenmiyor) */
body.calm-mode .feature-card.blue {
  display: none !important;
}
body.calm-mode .right-column section.word-card {
  display: none !important;
}

/* Feature Cards (Ana Menü Butonları) */
body.calm-mode .feature-card {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
  background: #141A24 !important; /* Neon gradyan yerine düz, mat renk */
  transition: transform 800ms ease, box-shadow 800ms ease, opacity 800ms ease !important;
}

/* Hover'daki ışımaları (box-shadow) kapat */
body.calm-mode .feature-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6) !important;
}

/* Kartların arkasındaki renkli ışıma katmanlarını kapat */
body.calm-mode .feature-card::before,
body.calm-mode .feature-card::after {
  display: none !important;
}

/* Logoların altındaki parlamayı (drop-shadow) kapat */
body.calm-mode .icon-wrap {
  filter: none !important;
  opacity: 0.8;
}

/* Yazı renklerini biraz daha matlaştır (göz yormaması için) */
body.calm-mode .card-copy h3 {
  color: #E2E8F0 !important;
}

body.calm-mode .card-copy p {
  color: #94A3B8 !important;
}

/* Genel animasyonların hızını sınırla */
body.calm-mode * {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  /* transition-duration: 0.01ms !important; (Geçişleri tamamen silmek istersek bunu da açabiliriz ama çok sert olur) */
}