/* ============================================================
   منصة تنمية القيادات — طبقة الرموز (Design Tokens)
   مصدر واحد للحقيقة: كل لون/مسافة/نصف قطر/ظل/حركة يُعرَّف هنا فقط.
   الأسماء القديمة (--or, --nv, --lp-*) تُحوَّل إلى هذا النظام
   حتى تتوحّد كل الصفحات بلا لمس أنماطها الأصلية.
   ============================================================ */
:root {
  /* ── الهوية ── */
  --brand-primary:      #1B3A5E;   /* كحلي */
  --brand-primary-2:    #142E4C;   /* كحلي أغمق (hover) */
  --brand-primary-soft: #E9EFF6;   /* كحلي فاتح (خلفيات) */
  --brand-accent:       #E05A28;   /* برتقالي — يُستخدم باعتدال */
  --brand-accent-2:     #C74C1E;
  --brand-accent-soft:  #FCEEE7;
  --brand-gold:         #C5A059;

  /* ── الأرضية والأسطح (عاجي دافئ) ── */
  --bg:             #F7F5F0;
  --surface:        #FFFFFF;
  --surface-2:      #F4F1EA;
  --surface-hover:  #EEEAE1;
  --border:         #E6E1D6;
  --border-strong:  #D2CBBD;

  /* ── النص ── */
  --text:        #0F172A;
  --text-muted:  #5B6472;
  --text-dim:    #98A2B3;
  --text-on-brand: #FFFFFF;

  /* ── أدوار الحالة ── */
  --success: #15803D; --success-soft: #E8F6EE;
  --warning: #B45309; --warning-soft: #FDF3E4;
  --danger:  #B91C1C; --danger-soft:  #FCEBEB;
  --info:    #1D4ED8; --info-soft:    #E9EFFD;

  /* ── الأنصاف ── */
  --radius-xs: 6px; --radius-sm: 8px; --radius: 12px;
  --radius-lg: 16px; --radius-xl: 20px; --radius-full: 999px;

  /* ── الظلال (طبقات ناعمة بدل الحدود) ── */
  --shadow-xs: 0 1px 2px rgba(16,24,40,.05);
  --shadow-sm: 0 1px 2px rgba(16,24,40,.05), 0 3px 8px -3px rgba(16,24,40,.07);
  --shadow-md: 0 2px 4px -1px rgba(16,24,40,.05), 0 12px 28px -10px rgba(16,24,40,.14);
  --shadow-lg: 0 4px 8px -2px rgba(16,24,40,.06), 0 28px 56px -18px rgba(16,24,40,.22);
  --ring: 0 0 0 3px rgba(224,90,40,.22);
  --ring-primary: 0 0 0 3px rgba(27,58,94,.18);

  /* ── المسافات ── */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px;
  --container: 1200px;

  /* ── الخط ── */
  --font-ar: 'Tajawal', 'IBM Plex Sans Arabic', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --lh-body: 1.75;
  --lh-heading: 1.35;

  /* ── الحركة ── */
  --ease:     cubic-bezier(.2,.7,.2,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur-1: 120ms;
  --dur-2: 220ms;
  --dur-3: 420ms;

  /* ── أسماء قديمة → النظام الموحّد ── */
  --or: var(--brand-accent);
  --or-2: var(--brand-accent-2);
  --or-soft: var(--brand-accent-soft);
  --nv: var(--brand-primary);
  --purple: #6B308F;
  --teal: #0E7490;
  --bdr: var(--border);
  --m1: var(--text-muted);
  --m2: var(--text-dim);
  --white: var(--surface);
  --lp-or: var(--brand-accent);
  --lp-or-2: var(--brand-accent-2);
  --lp-or-soft: var(--brand-accent-soft);
  --lp-nv: var(--brand-primary);
  --lp-bg: var(--bg);
  --lp-surface: var(--surface);
  --lp-surface-2: var(--surface-2);
  --lp-surface-hover: var(--surface-hover);
  --lp-border: var(--border);
  --lp-border-strong: var(--border-strong);
  --lp-text: var(--text);
  --lp-text-muted: var(--text-muted);
  --lp-text-dim: var(--text-dim);
  --lp-grad-or: var(--brand-primary);   /* تدرّج lp-core القديم → كحلي صريح */
}

/* ── الوضع الداكن (يُفعَّل عبر data-theme="dark") ── */
:root[data-theme="dark"] {
  --bg:            #0F1319;
  --surface:       #171C24;
  --surface-2:     #1E242E;
  --surface-hover: #252C38;
  --border:        #2A313D;
  --border-strong: #3A4351;
  --text:          #EEF2F7;
  --text-muted:    #A3ADBB;
  --text-dim:      #6B7686;
  --brand-primary-soft: #1A2A40;
  --brand-accent-soft:  #3A2218;
  --success-soft: #142A1C; --warning-soft: #2E2210; --danger-soft: #2E1616; --info-soft: #141F38;
  --shadow-xs: 0 1px 2px rgba(0,0,0,.4);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4), 0 3px 8px -3px rgba(0,0,0,.5);
  --shadow-md: 0 2px 4px -1px rgba(0,0,0,.4), 0 12px 28px -10px rgba(0,0,0,.6);
  --shadow-lg: 0 4px 8px -2px rgba(0,0,0,.5), 0 28px 56px -18px rgba(0,0,0,.7);
}