/* ═══════════════════════════════════════════════════
   MOH — Dark Mode
   الوضع الداكن
   ═══════════════════════════════════════════════════ */

[data-theme="dark"] {
  --bg-primary:    #0F172A;
  --bg-secondary:  #1E293B;
  --bg-tertiary:   #334155;
  --bg-elevated:   #1E293B;
  --bg-overlay:    rgba(0, 0, 0, 0.7);
  --bg-glass:      rgba(15, 23, 42, 0.8);

  --text-primary:   #F1F5F9;
  --text-secondary: #94A3B8;
  --text-tertiary:  #64748B;
  --text-inverse:   #0F172A;
  --text-link:      #818CF8;
  --text-link-hover:#A5B4FC;

  --border-light:   #1E293B;
  --border-default: #334155;
  --border-focus:   #6366F1;

  --input-bg:       #1E293B;
  --input-border:   #334155;
  --input-focus:    #6366F1;
  --input-placeholder: #64748B;

  --card-bg:        #1E293B;
  --card-border:    #334155;
  --card-shadow:    0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15);
  --card-shadow-hover: 0 10px 25px rgba(0, 0, 0, 0.3), 0 4px 10px rgba(0, 0, 0, 0.2);

  --navbar-bg:      rgba(15, 23, 42, 0.9);
  --navbar-border:  #1E293B;
  --sidebar-bg:     #1E293B;

  --gradient-glass: linear-gradient(135deg, rgba(30,41,59,0.9) 0%, rgba(30,41,59,0.6) 100%);
  --gradient-card: linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(20, 184, 166, 0.08) 100%);

  --shadow-xs:  0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2);
  --shadow-xl:  0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.15);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 20px rgba(99, 102, 241, 0.4);
  --shadow-glow-lg: 0 0 40px rgba(99, 102, 241, 0.5);
}

/* ─── Smooth Transition When Switching Themes ─── */
html.theme-transition,
html.theme-transition *,
html.theme-transition *::before,
html.theme-transition *::after {
  transition: background-color 0.4s ease,
              color 0.4s ease,
              border-color 0.4s ease,
              box-shadow 0.4s ease,
              fill 0.4s ease,
              stroke 0.4s ease !important;
}