/* ════════════════════════════════════════════════════════════
   نظام الثيمات الاحترافي — رفد / RAFD
   6 ثيمات مختلفة الشخصية والأسلوب
════════════════════════════════════════════════════════════ */

/* ══════════════════════════
   1. Classic Blue (الافتراضي)
   هوية تقنية راسخة وموثوقة
══════════════════════════ */
[data-style="classic"] {
  --blue:     #1B4DAF;
  --blue-dk:  #143A85;
  --blue-el:  #2563EB;
  --sky:      #0EA5E9;
  --red:      #DC2626;
  --green:    #16a34a;
  --gold:     #F59E0B;
  --purple:   #6366F1;
  --card-r:   18px;
  --font-head: 'Cairo', sans-serif;
  --font-body: 'Cairo', sans-serif;
}

/* ══════════════════════════
   2. Midnight Dark
   فاخر وغامض — ذهبي/أزرق
══════════════════════════ */
[data-style="midnight"] {
  --blue:       #4F9CF9;
  --blue-dk:    #2578E5;
  --blue-el:    #6BB5FF;
  --sky:        #38BDF8;
  --red:        #F87171;
  --green:      #4ADE80;
  --gold:       #FCD34D;
  --purple:     #A78BFA;
  --ink:        #F0F4FF;
  --paper:      #0F1626;
  --mist:       #151E30;
  --line:       #1E2D48;
  --sub:        #8B9BC4;
  --shadow:     0 6px 24px rgba(0,0,0,.5);
  --shadow-md:  0 10px 36px rgba(0,0,0,.6);
  --card-r:     16px;
  --font-head:  'Cairo', sans-serif;
  --font-body:  'Cairo', sans-serif;
}
/* قسري لـ midnight بدون data-theme */
[data-style="midnight"] body { background: #0F1626; color: #F0F4FF; }
[data-style="midnight"] .site-header { background: rgba(15,22,38,.9); border-color: #1E2D48; }
[data-style="midnight"] .card { background: #151E30; border-color: #1E2D48; }
[data-style="midnight"] .input { background: #0F1626; border-color: #1E2D48; color: #F0F4FF; }
[data-style="midnight"] .btn--ghost { background: #1E2D48; color: #8B9BC4; box-shadow: none; }
[data-style="midnight"] .side { background: #080E1A; }
[data-style="midnight"] nav[style*="background:var(--blue)"] { background: linear-gradient(90deg,#0a1628,#1B4DAF) !important; }

/* ══════════════════════════
   3. Desert Gold
   دافئ وعربي — ذهبي/بني
══════════════════════════ */
[data-style="desert"] {
  --blue:     #B45309;
  --blue-dk:  #92400E;
  --blue-el:  #D97706;
  --sky:      #F59E0B;
  --red:      #DC2626;
  --green:    #15803D;
  --gold:     #EAB308;
  --purple:   #7C3AED;
  --ink:      #292218;
  --paper:    #FEFAF3;
  --mist:     #FDF6E7;
  --line:     #E8D5B0;
  --sub:      #8B7355;
  --card-r:   12px;
  --font-head: 'Cairo', sans-serif;
  --font-body: 'Cairo', sans-serif;
}
[data-style="desert"] .btn { background: #B45309; box-shadow: 0 4px 14px rgba(180,83,9,.28); }
[data-style="desert"] .btn:hover { background: #92400E; }
[data-style="desert"] .side { background: #292218; }
[data-style="desert"] nav[style*="background:var(--blue)"] { background: linear-gradient(90deg,#7c3a00,#B45309) !important; }
[data-style="desert"] .site-header { border-bottom-color: #E8D5B0; }

/* ══════════════════════════
   4. Emerald Green
   طبيعي وموثوق — أخضر زمردي
══════════════════════════ */
[data-style="emerald"] {
  --blue:     #059669;
  --blue-dk:  #047857;
  --blue-el:  #10B981;
  --sky:      #34D399;
  --red:      #E11D48;
  --green:    #15803D;
  --gold:     #EAB308;
  --purple:   #7C3AED;
  --ink:      #1A2E1A;
  --paper:    #F0FDF4;
  --mist:     #ECFDF5;
  --line:     #BBF7D0;
  --sub:      #4B7A5A;
  --card-r:   16px;
}
[data-style="emerald"] .btn { background: #059669; box-shadow: 0 4px 14px rgba(5,150,105,.28); }
[data-style="emerald"] .btn:hover { background: #047857; }
[data-style="emerald"] .side { background: #1A2E1A; }
[data-style="emerald"] nav[style*="background:var(--blue)"] { background: linear-gradient(90deg,#064e2a,#059669) !important; }

/* ══════════════════════════
   5. Royal Purple
   فاخر وراقي — بنفسجي ملكي
══════════════════════════ */
[data-style="royal"] {
  --blue:     #7C3AED;
  --blue-dk:  #6D28D9;
  --blue-el:  #8B5CF6;
  --sky:      #A78BFA;
  --red:      #E11D48;
  --green:    #059669;
  --gold:     #F59E0B;
  --purple:   #7C3AED;
  --ink:      #1E1130;
  --paper:    #FAF8FF;
  --mist:     #F5F3FF;
  --line:     #DDD6FE;
  --sub:      #7C6A9A;
  --card-r:   20px;
}
[data-style="royal"] .btn { background: #7C3AED; box-shadow: 0 4px 14px rgba(124,58,237,.3); }
[data-style="royal"] .btn:hover { background: #6D28D9; }
[data-style="royal"] .side { background: #1E1130; }
[data-style="royal"] nav[style*="background:var(--blue)"] { background: linear-gradient(90deg,#1E1130,#7C3AED) !important; }

/* ══════════════════════════
   6. Rose Red
   جريء وحيوي — أحمر وردي
══════════════════════════ */
[data-style="rose"] {
  --blue:     #BE123C;
  --blue-dk:  #9F1239;
  --blue-el:  #E11D48;
  --sky:      #FB7185;
  --red:      #DC2626;
  --green:    #059669;
  --gold:     #F59E0B;
  --purple:   #7C3AED;
  --ink:      #1F0A10;
  --paper:    #FFF5F7;
  --mist:     #FFF1F2;
  --line:     #FECDD3;
  --sub:      #9D4A5E;
  --card-r:   18px;
}
[data-style="rose"] .btn { background: #BE123C; box-shadow: 0 4px 14px rgba(190,18,60,.28); }
[data-style="rose"] .btn:hover { background: #9F1239; }
[data-style="rose"] .side { background: #1F0A10; }
[data-style="rose"] nav[style*="background:var(--blue)"] { background: linear-gradient(90deg,#3b0018,#BE123C) !important; }

/* ════════════════════════════════
   تعديلات Border Radius Style
════════════════════════════════ */
[data-radius="sharp"]  { --card-r: 6px !important; }
[data-radius="sharp"]  .btn, [data-radius="sharp"] .input { border-radius: 6px !important; }
[data-radius="soft"]   { --card-r: 24px !important; }
[data-radius="soft"]   .btn, [data-radius="soft"] .input { border-radius: 14px !important; }

/* ════════════════════════════════
   Theme Transition
════════════════════════════════ */
body, .card, .btn, .input, .site-header, .bnav, .side {
  transition: background .3s, color .3s, border-color .3s;
}