/* ============================================================
 * theme.css — Sohbet "Aurora" tasarım sistemi (premium minimalist)
 * Tek dingin accent (cool indigo), nötr düşük-kontrast yüzeyler,
 * 1px ince çizgiler. Değişken İSİMLERİ korunur (uyumluluk),
 * yalnız DEĞERLER yenilenir → tüm uygulama tek noktadan yeniden temalanır.
 * ============================================================ */

:root {
  /* ---- Aralık token'ları ---- */
  --space-2:2px; --space-4:4px; --space-6:6px; --space-8:8px;
  --space-10:10px; --space-12:12px; --space-16:16px; --space-20:20px;
  --space-24:24px; --space-32:32px;
  /* ---- Radius (yumuşak, premium) ---- */
  --radius-xs:6px; --radius-sm:10px; --radius-md:14px; --radius-lg:18px;
  /* ---- Avatar boyutları ---- */
  --avatar-msg:40px;
  --avatar-member:32px;
  /* ---- Accent ek değişkenleri (eski "purple" isimleri korunur) ---- */
  --accent-purple: #6c8cff;
  --accent-purple-glow: rgba(108,140,255,.38);
  --accent-purple-muted: rgba(108,140,255,.14);
  --font-sans: 'Inter','gg sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --role-admin: #9db2ff;
  --role-mod: #3fb6a8;
  /* ---- Hareket (mikro-animasyon) ---- */
  --ease: cubic-bezier(.2,.8,.2,1);
  --dur-1: 120ms; --dur-2: 180ms; --dur-3: 240ms;
  /* ---- Yüzen katman gölgesi ---- */
  --shadow-pop: 0 12px 38px rgba(0,0,0,.46), 0 2px 8px rgba(0,0,0,.30);
  --shadow-soft: 0 1px 0 rgba(255,255,255,.03);
}

/* ================================================================
   KARANLIK TEMA — "Aurora Dark"  (nötr + tek cool accent)
   ================================================================ */
[data-theme="dark"] {
  /* Yüzeyler — katmanlı, hafif soğuk gri-mavi */
  --bg:            #0b0c10;
  --panel:         #111319;
  --panel2:        #161922;
  --panel3:        #1b1f2a;
  --account-bg:    #0e1016;
  --topbar-bg:     #0e1016;
  --popout-bg:     #161922;
  --popout-inner:  #111319;
  --input-bg:      #161922;
  --rooms-bg:      #0e1016;
  --rail-bg:       #08090c;

  /* Metin — yumuşak, pür beyaz değil (gözü yormaz) */
  --text:          #c8cdd6;
  --head:          #f0f2f5;
  --muted:         #7d8593;
  --system:        #7d8593;

  /* Ayraç — nötr 1px, mor tonu yok */
  --border:        rgba(255,255,255,.06);

  /* Etkileşim — çok ince, premium */
  --hover:         rgba(255,255,255,.04);
  --hover-active:  rgba(255,255,255,.07);
  --room-hover:    rgba(255,255,255,.04);
  --room-active:   rgba(108,140,255,.14);
  --msg-hover:     rgba(255,255,255,.025);

  /* Vurgu — tek cool indigo */
  --accent:        #6c8cff;
  --accent-hover:  #5a78f0;

  /* Glow */
  --glow:          rgba(108,140,255,.30);

  /* Durum — yumuşatılmış (sert değil) */
  --online:  #3fb950;
  --idle:    #d29922;
  --dnd:     #f85149;
  --offline: #6e7681;

  /* Bahsetme */
  --mention-bg:     rgba(108,140,255,.10);
  --mention-border: #6c8cff;
  --mention-color:  #9db2ff;

  /* Diğer */
  --scrollbar: rgba(255,255,255,.10);
  --danger:    #f85149;
  --green:     #3fb950;

  /* DM özel */
  --dm-active: rgba(108,140,255,.14);
}

/* ================================================================
   AYDINLIK TEMA — "Aurora Light"  (temiz, ferah, aynı accent)
   ================================================================ */
[data-theme="light"] {
  --bg:            #ffffff;
  --panel:         #f7f8fa;
  --panel2:        #eef0f4;
  --panel3:        #e6e9ef;
  --account-bg:    #eef0f4;
  --topbar-bg:     #ffffff;
  --popout-bg:     #ffffff;
  --popout-inner:  #f7f8fa;
  --input-bg:      #eef0f4;
  --rooms-bg:      #f7f8fa;
  --rail-bg:       #eceef3;

  --text:          #3a3f47;
  --head:          #12141a;
  --muted:         #6b7280;
  --system:        #6b7280;

  --border:        rgba(18,20,26,.08);

  --hover:         rgba(18,20,26,.05);
  --hover-active:  rgba(18,20,26,.08);
  --room-hover:    rgba(18,20,26,.05);
  --room-active:   rgba(108,140,255,.14);
  --msg-hover:     rgba(18,20,26,.03);

  --accent:        #5a6ff0;
  --accent-hover:  #4a5fe0;

  --glow:          rgba(90,111,240,.25);

  --online:  #2ea043;
  --idle:    #bf8700;
  --dnd:     #e5484d;
  --offline: #9aa0aa;

  --mention-bg:     rgba(90,111,240,.10);
  --mention-border: #5a6ff0;
  --mention-color:  #3a4fd0;

  --scrollbar: rgba(18,20,26,.14);
  --danger:    #e5484d;
  --green:     #2ea043;
  --dm-active: rgba(90,111,240,.12);
}