/* ===================================
   Themes - Light & Dark Mode
   Dr. Salem Shobeir
   =================================== */

/* ===== LIGHT MODE (النهار) ===== */
:root,
[data-theme="light"] {
  /* الألوان الأساسية */
  --primary: #0D9488;
  --primary-dark: #115E59;
  --primary-light: #CCFBF1;
  --primary-lighter: #F0FDFA;
  
  /* الذهبي الفاخر */
  --gold: #B8860B;
  --gold-light: #F0D77A;
  --gold-dark: #8B6914;
  --gold-bg: rgba(184, 134, 11, 0.08);
  --gold-border: rgba(184, 134, 11, 0.25);
  
  /* الكحلي الملكي */
  --navy: #0F2440;
  --navy-light: #1E3A5F;
  --navy-lighter: #2D4A6F;
  
  /* الخلفيات */
  --bg: #FDFBF7;
  --bg-alt: #F5F0E8;
  --surface: #FFFFFF;
  --surface-alt: #FAF8F3;
  
  /* النصوص */
  --text: #1A1A1A;
  --text-light: #6B6B6B;
  --text-lighter: #999999;
  --text-inverse: #FFFFFF;
  
  /* الحدود */
  --border: #E5E0D8;
  --border-light: #F0EBE0;
  --border-gold: rgba(184, 134, 11, 0.25);
  
  /* الألوان الدلالية */
  --green: #25D366;
  --green-dark: #128C7E;
  --red: #DC2626;
  --blue: #3B82F6;
  --purple: #7C3AED;
  
  /* الظلال */
  --shadow-sm: 0 2px 8px rgba(15, 36, 64, 0.04);
  --shadow-md: 0 8px 30px rgba(15, 36, 64, 0.08);
  --shadow-lg: 0 20px 60px rgba(15, 36, 64, 0.12);
  --shadow-gold: 0 10px 40px rgba(184, 134, 11, 0.2);
  
  /* الخطوط */
  --font-heading: 'Playfair Display', 'Cairo', serif;
  --font-body: 'Cairo', 'Inter', system-ui, sans-serif;
  --font-numbers: 'Cormorant Garamond', 'Playfair Display', serif;
  
  /* الانتقالات */
  --transition: 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  --transition-fast: 0.2s ease;
}

/* ===== DARK MODE (الليل) ===== */
[data-theme="dark"] {
  /* الألوان الأساسية */
  --primary: #14B8A6;
  --primary-dark: #0D9488;
  --primary-light: #115E59;
  --primary-lighter: #0F3D3A;
  
  /* الذهبي الفاخر */
  --gold: #F0D77A;
  --gold-light: #FFF3C4;
  --gold-dark: #B8860B;
  --gold-bg: rgba(240, 215, 122, 0.1);
  --gold-border: rgba(240, 215, 122, 0.3);
  
  /* الكحلي الملكي */
  --navy: #0A0F1A;
  --navy-light: #0F172A;
  --navy-lighter: #1E293B;
  
  /* الخلفيات */
  --bg: #0F172A;
  --bg-alt: #0A0F1A;
  --surface: #1E293B;
  --surface-alt: #243447;
  
  /* النصوص */
  --text: #F1F5F9;
  --text-light: #CBD5E1;
  --text-lighter: #94A3B8;
  --text-inverse: #0F172A;
  
  /* الحدود */
  --border: #334155;
  --border-light: #1E293B;
  --border-gold: rgba(240, 215, 122, 0.3);
  
  /* الظلال */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.5);
  --shadow-gold: 0 10px 40px rgba(240, 215, 122, 0.15);
}

/* ===== SMOOTH THEME TRANSITION ===== */
*,
*::before,
*::after {
  transition: 
    background-color 0.4s ease,
    color 0.4s ease,
    border-color 0.4s ease,
    box-shadow 0.4s ease;
}

.service-card,
.offer-card,
.testimonial-card,
.btn-primary,
.btn-outline,
.float-btn,
.contact-card,
.qual-card,
.summary-card {
  transition: 
    background-color 0.4s ease,
    color 0.4s ease,
    border-color 0.4s ease,
    box-shadow 0.4s ease,
    transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: var(--bg-alt);
}

::-webkit-scrollbar-thumb {
  background: var(--primary);
  border-radius: 10px;
  border: 3px solid var(--bg-alt);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary-dark);
}

/* ===== SELECTION ===== */
::selection {
  background: var(--gold);
  color: var(--text-inverse);
}

::-moz-selection {
  background: var(--gold);
  color: var(--text-inverse);
}