/* ============================================================================
   سمايلي — الثيم البنفسجي المشترك  (Smiley purple theme)
   ----------------------------------------------------------------------------
   هذا الملف هو نقطة التحويل الواحدة: يعيد تعريف كل رموز لوحة LightTalk
   (الـ navy + cyan + orange) إلى لوحة سمايلي المستخرجة حرفياً من:
       app/src/main/res/values/colors.xml
         bg_deep            #050011   خلفية عميقة
         bg_gradient_center #2a004f   مركز التدرّج
         primary            #7C4DFF   البنفسجي الأساسي
         accent             #FF2E93   الوردي (إجراء)
         neon_purple        #d500f9   بنفسجي نيون
         neon_blue          #00e5ff   سماوي نيون
         gold               #FFD700
         bg_body            #050509
         bg_card            #1E1E28
         rr_stroke          #5B3A8C
       وأيضاً bg_gradient_main.xml (#3b0764 → #1e1b4b → #020617) و
       looby.html (radial-gradient(circle at 50% 0%, #2a004f 0%, #050011 60%)).

   يُحقن هذا الملف **آخر شيء قبل </head>** (سواء برابط صريح في كل صفحة أو من
   src/server.js) فيأتي بعد <style> الداخلي لكل صفحة ويفوز عليه عند تساوي
   الأولوية. لا يحذف أي سلوك — ألوان فقط.

   ⚠️ لا تستعمل هذا الملف لتغيير أبعاد أو تخطيط: الألوان فقط، حتى لا تتعارض
      مع قواعد الأندرويد المنسوخة في الصفحات (المقاعد، RTL، شريط الكيبورد…).
   ========================================================================== */

:root{
  /* ---- رموز سمايلي الخام (للاستعمال المباشر في الصفحات) ---- */
  --ly-bg-deep:#050011;
  --ly-bg-mid:#1e0038;
  --ly-bg-soft:#2a004f;
  --ly-bg-3:#3b0764;
  --ly-body:#050509;
  --ly-card:#1e1e28;
  --ly-card-2:#151520;
  --ly-card-3:#1a1a24;
  --ly-panel:#16151a;
  --ly-primary:#7c4dff;
  --ly-primary-2:#b388ff;
  --ly-primary-dim:#5b3a8c;
  --ly-accent:#ff2e93;
  --ly-accent-2:#d500f9;
  --ly-accent-dim:#8c2050;
  --ly-neon:#00e5ff;
  --ly-gold:#ffd700;
  --ly-text:#ffffff;
  --ly-text-2:#aaaaaa;
  --ly-text-3:#999999;
  --ly-stroke:#5b3a8c;
  --ly-stroke-soft:#3a2a5c;
  --ly-line:rgba(124,77,255,.20);
  --ly-line-2:rgba(124,77,255,.34);
  --ly-scrim:rgba(5,0,17,.82);

  /* ---- 1) لوحة LightTalk الرسمية (--lt-*) ---- */
  --lt-bg-deep:#050011;
  --lt-bg-mid:#1e0038;
  --lt-bg-soft:#2a004f;
  --lt-panel:#1e1e28;
  --lt-panel-2:#151520;
  --lt-panel-soft:#2a2a3d;
  --lt-cyan:#7c4dff;
  --lt-cyan-2:#b388ff;
  --lt-cyan-dim:#5b3a8c;
  --lt-orange:#ff2e93;
  --lt-orange-2:#d500f9;
  --lt-orange-dim:#8c2050;
  --lt-gold:#ffd700;
  --lt-stroke:#5b3a8c;
  --lt-stroke-soft:#3a2a5c;
  --lt-text:#ffffff;
  --lt-text-dim:#aaaaaa;
  --lt-text-mute:#999999;
  --lt-scrim:rgba(5,0,17,.82);

  /* ---- 2) الأسماء العامة المستعملة في room.html / index.html / games.html ---- */
  --bg-deep:#050011;
  --bg-mid:#1e0038;
  --bg-soft:#2a004f;
  --panel:#1e1e28;
  --panel2:#151520;
  --panel-soft:#2a2a3d;
  --cyan:#7c4dff;
  --cyan2:#b388ff;
  --cyan-dim:#5b3a8c;
  --orange:#ff2e93;
  --orange2:#d500f9;
  --orange-dim:#8c2050;
  --gold:#ffd700;
  --stroke:#5b3a8c;
  --stroke-soft:#3a2a5c;
  --text:#ffffff;
  --text-dim:#aaaaaa;
  --text-mute:#999999;
  --line:rgba(124,77,255,.20);
  --line-2:rgba(124,77,255,.34);
  --shadow:0 10px 30px rgba(2,0,12,.60);

  /* ---- 3) رموز «نيون» في lobbyxx / moments / profile / tools ---- */
  --neon-purple:#d500f9;
  --neon-blue:#7c4dff;
  --neon-gold:#ffd700;
  --neon-orange:#ff2e93;
  --neon-amber:#ffd700;
  --gradient-royal:linear-gradient(135deg,#7c4dff 0%,#d500f9 100%);

  /* ---- 4) رموز الصفحات القديمة (agency / mygift / level / svip / roomsetting) ---- */
  --bg-color:#050011;
  --top-bg:#2a004f;
  --card-bg:#1e1e28;
  --card-bg-2:#151520;
  --card-base:#1e1e28;
  --section-bg:#1e1e28;
  --border-color:#3a2a5c;
  --accent:#ff2e93;
  --danger:#ff4444;
  --danger-color:#ff4444;
  --primary-color:#7c4dff;
  --text-sub:#aaaaaa;
  --text-sec:#aaaaaa;
  --text-muted:#999999;
  --text-main:#ffffff;
  --bg-dark:#050011;
  --bg-body:#050509;
  --bg-card:#151520;
  --bg-card-2:#1a1a24;
  --progress-bg:#2a2a3d;
  --inactive-color:#5b3a8c;
  --active-color:#00e676;
  --theme-color:#7c4dff;
  --theme-glow:rgba(124,77,255,.25);
  --upgrade-btn-bg:linear-gradient(45deg,#d500f9,#7c4dff);
  --sent:#ff2e93;
  --received:#00e676;

  color-scheme:dark;
}

/* ---------------------------------------------------------------------------
   لوحة الرسم (canvas): خلفية سمايلي العميقة.
   body في سمايلي = radial-gradient(circle at 50% 0%, #2a004f 0%, #050011 60%).
   --------------------------------------------------------------------------- */
html{background:var(--ly-bg-deep)}
body{
  background-color:var(--ly-bg-deep);
  background-image:radial-gradient(circle at 50% 0%,#2a004f 0%,#050011 60%);
  color:var(--ly-text);
}

/* ---------------------------------------------------------------------------
   شريط التمرير — بنفسجي على كل الصفحات.
   --------------------------------------------------------------------------- */
*{scrollbar-color:rgba(124,77,255,.45) transparent;scrollbar-width:thin}
*::-webkit-scrollbar{width:7px;height:7px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:rgba(124,77,255,.45);border-radius:6px}
*::-webkit-scrollbar-thumb:hover{background:var(--ly-primary)}

/* ---------------------------------------------------------------------------
   عناصر مشتركة كانت تُبنى بألوان LightTalk صريحة (لا رموز) — نعيدها بنفسجية.
   --------------------------------------------------------------------------- */
.lt-card-cyan   {background:linear-gradient(135deg,#7c4dff,#d500f9) !important}
.lt-card-orange {background:linear-gradient(135deg,#ff2e93,#d500f9) !important}
.lt-card-blue   {background:linear-gradient(135deg,#5b3a8c,#7c4dff) !important}
.lt-card-gold   {background:linear-gradient(135deg,#b388ff,#7c4dff) !important}