/* ============================================================
   ServoX Super Admin — Theme
   هذا الملف هو المصدر الوحيد لكل الألوان في لوحة السوبر أدمن.
   لا تكتب أي لون مباشر في أي ملف آخر — استعمل var() فقط.
   يتم تحديث هذه المتغيرات ديناميكياً عبر admin-theme.js
   ============================================================ */

:root {

  /* ─── Accent / Brand ─── */
  --accent:          #26b99a;
  --accent-hover:    #1fa88c;
  --accent-dim:      rgba(38, 185, 154, 0.15);
  --accent-glow:     rgba(38, 185, 154, 0.25);

  /* ─── Backgrounds ─── */
  --admin-bg:        #0b1220;
  --admin-surface:   #111c2e;
  --card-bg:         #162033;
  --card-bg-hover:   #1a2840;
  --modal-bg:        #0f1a2b;
  --overlay:         rgba(0, 0, 0, 0.65);

  /* ─── Sidebar ─── */
  --sidebar-bg:      #0d1829;
  --sidebar-border:  rgba(38, 185, 154, 0.10);
  --sidebar-hover:   rgba(255, 255, 255, 0.04);
  --sidebar-active:  rgba(38, 185, 154, 0.12);

  /* ─── Text ─── */
  --text-main:       #e8edf5;
  --text-muted:      #7a8fa6;
  --text-dim:        rgba(255, 255, 255, 0.30);
  --text-accent:     var(--accent);

  /* ─── Sidebar Text (مستخدم في super-admin-sidebar.css) ─── */
  --sidebar-text:    #e8edf5;

  /* ─── Borders ─── */
  --border:          rgba(255, 255, 255, 0.07);
  --border-accent:   rgba(38, 185, 154, 0.25);

  /* ─── Status Colors ─── */
  --success:         #22c55e;
  --success-dim:     rgba(34, 197, 94, 0.15);
  --warning:         #f59e0b;
  --warning-dim:     rgba(245, 158, 11, 0.15);
  --danger:          #ef4444;
  --danger-dim:      rgba(239, 68, 68, 0.15);
  --info:            #3b82f6;
  --info-dim:        rgba(59, 130, 246, 0.15);

  /* ─── Buttons ─── */
  --btn-primary-bg:    var(--accent);
  --btn-primary-text:  #061018;
  --btn-secondary-bg:  rgba(255, 255, 255, 0.07);
  --btn-secondary-text: var(--text-main);
  --btn-danger-bg:     var(--danger);
  --btn-danger-text:   #ffffff;

  /* ─── Inputs ─── */
  --input-bg:        rgba(255, 255, 255, 0.04);
  --input-border:    rgba(255, 255, 255, 0.10);
  --input-focus:     var(--accent);
  --input-text:      var(--text-main);
  --input-placeholder: var(--text-muted);

  /* ─── Tables ─── */
  --table-head-bg:   rgba(255, 255, 255, 0.04);
  --table-row-hover: rgba(38, 185, 154, 0.04);
  --table-border:    var(--border);

  /* ─── Scrollbar ─── */
  --scrollbar-track: transparent;
  --scrollbar-thumb: rgba(255, 255, 255, 0.08);

  /* ─── Shadow ─── */
  --shadow-sm:   0 1px 4px rgba(0, 0, 0, 0.3);
  --shadow-md:   0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-lg:   0 10px 40px rgba(0, 0, 0, 0.5);
  --shadow-accent: 0 4px 20px rgba(38, 185, 154, 0.20);

  /* ─── Radius ─── */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   14px;
  --radius-xl:   20px;
  --radius-full: 999px;

  /* ─── Transition ─── */
  --transition:  0.2s ease;
  --transition-slow: 0.35s ease;

  /* ─── Typography ─── */
  --font-main:   'Cairo', sans-serif;
  --font-size-xs:   11px;
  --font-size-sm:   12.5px;
  --font-size-base: 14px;
  --font-size-md:   15px;
  --font-size-lg:   18px;
  --font-size-xl:   22px;
  --font-size-xxl:  28px;

}