/* ============================================================
   المُنظِّم | AL-MUNAZZIM — Design Tokens
   نظام الألوان: أخضر-زيتوني عميق + نحاسي دافئ
   ============================================================ */

:root {
  /* ---------- الألوان الأساسية ---------- */
  /* أخضر-زيتوني عميق — اللون الأساسي للهوية */
  --olive-950: #10140f;
  --olive-900: #1a2116;
  --olive-800: #263120;
  --olive-700: #34432c;
  --olive-600: #46583a;
  --olive-500: #5c7349;
  --olive-400: #7c9463;
  --olive-300: #a3b78c;
  --olive-200: #c8d6b8;
  --olive-100: #e5ecdc;
  --olive-50:  #f4f7ef;

  /* نحاسي دافئ — لون التمييز (طاقة، إنجاز، تنبيه) */
  --copper-900: #4a2410;
  --copper-800: #6b3316;
  --copper-700: #8f421d;
  --copper-600: #b55425;
  --copper-500: #cc6a35;
  --copper-400: #dd8a5c;
  --copper-300: #ecad88;
  --copper-200: #f5cdb0;
  --copper-100: #fbe6d6;
  --copper-50:  #fdf3ec;

  /* محايدات دافئة — بيج رملي/رمادي حجري (بديل الأبيض الطبي البارد) */
  --stone-950: #1c1a17;
  --stone-900: #2a2723;
  --stone-800: #3d3833;
  --stone-700: #524b43;
  --stone-600: #6b6156;
  --stone-500: #857a6d;
  --stone-400: #a69b8c;
  --stone-300: #c4bcae;
  --stone-200: #ddd6c9;
  --stone-100: #ece7dc;
  --stone-50:  #f7f4ed;

  /* دلالية */
  --success: var(--olive-500);
  --warning: var(--copper-500);
  --danger: #b5432f;
  --info: #4a7a8c;

  /* ---------- الوضع الفاتح (افتراضي) ---------- */
  --bg-base: var(--stone-50);
  --bg-elevated: #ffffff;
  --bg-sunken: var(--stone-100);
  --surface-grid-line: var(--stone-200);

  --text-primary: var(--stone-900);
  --text-secondary: var(--stone-600);
  --text-tertiary: var(--stone-400);
  --text-on-accent: #ffffff;

  --accent-primary: var(--olive-600);
  --accent-primary-hover: var(--olive-700);
  --accent-secondary: var(--copper-600);

  --border-subtle: var(--stone-200);
  --border-default: var(--stone-300);

  --shadow-color: 30 25 15;
  --shadow-sm: 0 1px 2px rgb(var(--shadow-color) / 0.06);
  --shadow-md: 0 4px 12px rgb(var(--shadow-color) / 0.08);
  --shadow-lg: 0 12px 32px rgb(var(--shadow-color) / 0.12);

  /* ---------- الخطوط ---------- */
  --font-ar: 'Alexandria', 'IBM Plex Sans Arabic', sans-serif;
  --font-en: 'Manrope', 'Inter', sans-serif;
  --font-current: var(--font-ar);

  /* ---------- المسافات (نظام 4px) ---------- */
  --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;
  --space-16: 64px;

  /* ---------- نصف القطر ---------- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 999px;

  /* ---------- الحركة ---------- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-smooth: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 150ms;
  --duration-base: 280ms;
  --duration-slow: 450ms;

  /* ---------- الشبكة الهندسية (عنصر هوية بصرية) ---------- */
  --grid-line-color: rgb(70 88 58 / 0.08);
  --grid-node-color: var(--olive-500);
}

/* ---------- الوضع الداكن ---------- */
[data-theme="dark"] {
  --bg-base: var(--olive-950);
  --bg-elevated: var(--stone-900);
  --bg-sunken: #141812;
  --surface-grid-line: var(--olive-800);

  --text-primary: var(--stone-100);
  --text-secondary: var(--stone-300);
  --text-tertiary: var(--stone-500);
  --text-on-accent: #ffffff;

  --accent-primary: var(--olive-400);
  --accent-primary-hover: var(--olive-300);
  --accent-secondary: var(--copper-400);

  --border-subtle: var(--stone-800);
  --border-default: var(--stone-700);

  --shadow-color: 0 0 0;
  --shadow-sm: 0 1px 2px rgb(var(--shadow-color) / 0.3);
  --shadow-md: 0 4px 12px rgb(var(--shadow-color) / 0.35);
  --shadow-lg: 0 12px 32px rgb(var(--shadow-color) / 0.5);

  --grid-line-color: rgb(163 183 140 / 0.08);
  --grid-node-color: var(--olive-300);
}

/* ---------- تبديل اتجاه/خط حسب اللغة ---------- */
html[lang="en"] {
  --font-current: var(--font-en);
}

html[lang="ar"] {
  --font-current: var(--font-ar);
}