/* ==========================================================================
   MasalSaatim - Koyu Mod Teması (Triple State - Light/Dark/System)
   ========================================================================== */

.theme-initializing *,
.theme-initializing *::before,
.theme-initializing *::after {
  transition: none !important;
}

[data-applied-theme="dark"] {
  /* HSL Overrides for dark readability */
  --l-primary: 60%; 
  --color-primary-soft: rgba(79, 124, 255, 0.15);
  --color-secondary-soft: rgba(167, 139, 246, 0.15);

  /* Colors Overrides */
  --color-bg: #0B1120;             /* Koyu lacivert arka plan */
  --color-surface: #111827;        /* Kart ve panel yüzeyleri */
  --color-surface-soft: #1E293B;   /* Yumuşak girdiler ve ara yüzeyler */
  --color-surface-card: #182030;   /* Premium koyu kartlar */
  --color-text: #F8FAFC;           /* Açık renk okunabilir metin */
  --color-text-muted: #94A3B8;     /* Soluk metin */
  --color-text-light: #64748B;
  --color-border: #1E293B;         /* İnce koyu sınır çizgileri */

  /* Status Colors Overrides */
  --color-danger-soft: rgba(220, 38, 38, 0.2);
  --color-success-soft: rgba(22, 163, 74, 0.2);
  --color-warning-soft: rgba(217, 119, 6, 0.2);
  --color-info-soft: rgba(2, 132, 197, 0.2);

  /* Shadows Overrides */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
  --shadow-card: 0 16px 40px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.4);
}