/* ==========================================================================
   NEXUS Inbox — Design Tokens (Dark Default + Light Mode)
   Strict adherence to Section 1, 2, and 5 of the Principal Product Designer Spec
   ========================================================================== */

:root,
[data-theme="dark"] {
  /* 1.1 السطح والنص (Neutral scale واحد فقط) */
  --bg-app: #0B0D12;
  --bg-panel: #11141B;
  --bg-raised: #171B24;
  --bg-hover: #1C212C;
  --border: #232936;
  --border-strong: #303747;
  --text-1: #EDEFF3;
  --text-2: #A3AAB8;
  --text-3: #6B7384;

  /* 1.2 لون التمييز (Accent) — لون واحد فقط، بلا تدرجات */
  --accent: #5B8DEF;
  --accent-soft: rgba(91, 141, 239, .14);

  /* 1.3 الألوان الدلالية (Semantic) — ثلاثة فقط ولها معنى ثابت */
  --ok: #3FB27F;
  --ok-soft: rgba(63, 178, 127, .14);
  --warn: #E0A43A;
  --warn-soft: rgba(224, 164, 58, .14);
  --danger: #E25C5C;
  --danger-soft: rgba(226, 92, 92, .14);

  /* الملاحظة الداخلية (الاستخدام الوحيد للأصفر الشفاف في منطقة الرسائل والمحرر) */
  --note-bg: rgba(224, 164, 58, .08);
  --note-border: rgba(224, 164, 58, .40);
  --note-composer-bg: rgba(224, 164, 58, .06);

  /* لوحة 6 رماديات مزرقّة للصور الرمزية مشتقة من hash الاسم (بلا ألوان مشبعة) */
  --avatar-1: #1E2430;
  --avatar-2: #212836;
  --avatar-3: #1B222D;
  --avatar-4: #242C3B;
  --avatar-5: #1F2633;
  --avatar-6: #262F3F;

  /* 2. الطباعة (Typography) — 6 أحجام فقط، أوزان 400/500/600 فقط */
  --font-sans: 'IBM Plex Sans Arabic', 'Noto Sans Arabic', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;

  --fs-xs: 11px;
  --lh-xs: 16px;
  --fs-sm: 13px;
  --lh-sm: 20px;
  --fs-md: 14px;
  --lh-md: 22px;
  --fs-lg: 16px;
  --lh-lg: 24px;
  --fs-xl: 20px;
  --lh-xl: 28px;

  /* 5. الشبكة والمسافات (وحدة أساس 4px) والأقطار */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-12: 48px;

  --radius: 8px;
  --radius-sm: 6px;
  --radius-full: 999px;
}

[data-theme="light"] {
  /* النسخة الفاتحة بنفس الأسماء تماماً وتباين متوافق مع WCAG AA/AAA */
  --bg-app: #F6F7F9;
  --bg-panel: #FFFFFF;
  --bg-raised: #EFF1F5;
  --bg-hover: #E6E9F0;
  --border: #DCE0E8;
  --border-strong: #C4CAD6;
  --text-1: #11141B;
  --text-2: #4A5262;
  --text-3: #687082;

  --accent: #3B6FD8;
  --accent-soft: rgba(59, 111, 216, .14);

  --ok: #268E60;
  --ok-soft: rgba(38, 142, 96, .14);
  --warn: #B87B14;
  --warn-soft: rgba(184, 123, 20, .14);
  --danger: #C83E3E;
  --danger-soft: rgba(200, 62, 62, .14);

  --note-bg: rgba(184, 123, 20, .08);
  --note-border: rgba(184, 123, 20, .40);
  --note-composer-bg: rgba(184, 123, 20, .06);

  --avatar-1: #E3E7F0;
  --avatar-2: #DDE3EE;
  --avatar-3: #E6EAF2;
  --avatar-4: #D8DFEC;
  --avatar-5: #E0E5EF;
  --avatar-6: #D5DCEA;
}