/* ============================================================
   الفرسان SPKS · نظام التصميم
   Clean White + Blue Enterprise — كل لون ومسافة في النظام من هنا
   ============================================================ */
:root {
  /* ---------- الأسطح والنصوص ---------- */
  --bg:          #F8FAFC;   /* خلفية الصفحة */
  --surface:     #FFFFFF;   /* البطاقات */
  --surface-2:   #F8FAFC;   /* رؤوس الجداول والمناطق الهادئة */
  --surface-3:   #F1F5F9;   /* عناصر مرفوعة قليلاً */
  --ink:         #0F172A;   /* النص الأساسي */
  --ink-2:       #334155;
  --muted:       #64748B;   /* النص الثانوي */
  --line:        #E2E8F0;   /* الحدود */
  --line-2:      #F1F5F9;   /* فواصل داخلية */

  /* ---------- الهوية ---------- */
  --primary:      #2563EB;
  --primary-hov:  #1D4ED8;
  --primary-soft: #EFF6FF;
  --primary-ring: rgba(37, 99, 235, .14);
  --on-primary:   #FFFFFF;
  --grad-primary: linear-gradient(135deg, #2563EB 0%, #3B82F6 100%);

  --accent:      #0EA5E9;
  --accent-soft: #E0F2FE;

  /* ---------- الدلالات ---------- */
  --ok:   #16A34A;  --ok-soft:   #DCFCE7;
  --warn: #F59E0B;  --warn-soft: #FEF3C7;
  --crit: #DC2626;  --crit-soft: #FEE2E2;
  --info: #6366F1;  --info-soft: #EEF2FF;

  /* ---------- الظلال — خفيفة جداً ---------- */
  --shadow-1: 0 1px 2px rgba(15, 23, 42, .04);
  --shadow-2: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);
  --shadow-3: 0 10px 32px -8px rgba(15, 23, 42, .16), 0 2px 8px rgba(15, 23, 42, .06);
  --shadow-blue: 0 6px 16px -6px rgba(37, 99, 235, .38);

  /* ---------- الخطوط ---------- */
  --font-display: "Cairo", "Plus Jakarta Sans", system-ui, sans-serif;
  --font-body:    "Cairo", "Plus Jakarta Sans", system-ui, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;

  --fs-xs: 11.5px; --fs-sm: 13px;  --fs-md: 14px;
  --fs-lg: 16px;   --fs-xl: 20px;  --fs-2xl: 26px;  --fs-3xl: 32px;

  /* ---------- المسافات ---------- */
  --s1: 4px; --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 22px; --s6: 30px; --s7: 44px; --s8: 60px;

  /* ---------- الاستدارة ---------- */
  --r-sm: 9px;    /* الأزرار والحقول */
  --r: 14px;      /* البطاقات */
  --r-lg: 18px;
  --r-full: 999px;

  /* ---------- القياسات ---------- */
  --header-h: 68px;
  --sidebar-w: 262px;
  --sidebar-mini: 76px;
  --bottombar-h: 64px;

  --tr: 170ms cubic-bezier(.4, 0, .2, 1);
}

/* ============================================================
   الوضع الداكن — نفس الهوية الزرقاء على أرضية ليلية
   ============================================================ */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:        #0B1120;
    --surface:   #111A2E;
    --surface-2: #16203A;
    --surface-3: #1C2842;
    --ink:       #E8EEF9;
    --ink-2:     #C7D2E4;
    --muted:     #93A2BC;
    --line:      #22304C;
    --line-2:    #1A2439;

    --primary:      #60A5FA;
    --primary-hov:  #7DB6FB;
    --primary-soft: #16233F;
    --primary-ring: rgba(96, 165, 250, .2);
    --on-primary:   #07142B;
    --grad-primary: linear-gradient(135deg, #3B82F6 0%, #60A5FA 100%);

    --accent:      #38BDF8;
    --accent-soft: #0C2436;

    --ok:   #4ADE80;  --ok-soft:   #0F2A1C;
    --warn: #FBBF24;  --warn-soft: #2E2210;
    --crit: #F87171;  --crit-soft: #2D1417;
    --info: #A5B4FC;  --info-soft: #1A1E3C;

    --shadow-1: 0 1px 2px rgba(0, 0, 0, .4);
    --shadow-2: 0 1px 3px rgba(0, 0, 0, .5);
    --shadow-3: 0 14px 40px -10px rgba(0, 0, 0, .75);
    --shadow-blue: 0 6px 18px -6px rgba(96, 165, 250, .4);
  }
}

:root[data-theme="dark"] {
  --bg:        #0B1120;
  --surface:   #111A2E;
  --surface-2: #16203A;
  --surface-3: #1C2842;
  --ink:       #E8EEF9;
  --ink-2:     #C7D2E4;
  --muted:     #93A2BC;
  --line:      #22304C;
  --line-2:    #1A2439;

  --primary:      #60A5FA;
  --primary-hov:  #7DB6FB;
  --primary-soft: #16233F;
  --primary-ring: rgba(96, 165, 250, .2);
  --on-primary:   #07142B;
  --grad-primary: linear-gradient(135deg, #3B82F6 0%, #60A5FA 100%);

  --accent:      #38BDF8;
  --accent-soft: #0C2436;

  --ok:   #4ADE80;  --ok-soft:   #0F2A1C;
  --warn: #FBBF24;  --warn-soft: #2E2210;
  --crit: #F87171;  --crit-soft: #2D1417;
  --info: #A5B4FC;  --info-soft: #1A1E3C;

  --shadow-1: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow-2: 0 1px 3px rgba(0, 0, 0, .5);
  --shadow-3: 0 14px 40px -10px rgba(0, 0, 0, .75);
  --shadow-blue: 0 6px 18px -6px rgba(96, 165, 250, .4);
}