/* =========================================================
   VORTEX — الرموز الموحّدة (المصدر الوحيد للألوان والخطوط والمسافات)
   يُحمَّل أولاً في كل صفحة قبل core.css.
   الأسماء القديمة (--v5-*, --vortex-*, --cy, --ink...) صارت أسماء بديلة (aliases)
   تشير إلى هذه الرموز، فلا ينكسر أي ملف قديم.
   ========================================================= */
:root {
  /* الخلفيات */
  --vx-bg: #05080c;
  --vx-bg-2: #0b0f14;
  --vx-bg-3: #10151b;
  --vx-surface: rgba(255, 255, 255, 0.03);
  --vx-surface-hover: rgba(255, 255, 255, 0.055);
  --vx-card: linear-gradient(160deg, #111820, #0a0e13);

  /* النصوص */
  --vx-text: #eef6f9;
  --vx-text-2: #d3dae0;
  --vx-mute: #8a96a3;
  --vx-mute-2: #5d6771;

  /* الهوية */
  --vx-accent: #13abd2;
  --vx-accent-2: #76e5fd;

  /* الحدود والظلال */
  --vx-line: rgba(255, 255, 255, 0.08);
  --vx-line-2: rgba(255, 255, 255, 0.15);
  --vx-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);

  /* الأحجام */
  --vx-r-sm: 6px;
  --vx-r-md: 10px;
  --vx-r-lg: 14px;
  --vx-r-xl: 16px;
  --vx-container: 1200px;

  /* الخطوط: خط عربي واحد وخط تقني واحد في كل الموقع */
  --vx-font: "IBM Plex Sans Arabic", "Tajawal", "Segoe UI", Tahoma, Arial, sans-serif;
  --vx-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;

  /* ---- أسماء بديلة للتوافق مع الملفات القديمة ---- */
  --vortex-black: var(--vx-bg);
  --vortex-black-2: var(--vx-bg-2);
  --vortex-black-3: var(--vx-bg-3);
  --vortex-white: #ffffff;
  --vortex-white-soft: var(--vx-text-2);
  --vortex-gray: #8e99a4;
  --vortex-gray-dark: var(--vx-mute-2);
  --vortex-cyan: var(--vx-accent);
  --vortex-cyan-light: var(--vx-accent-2);
  --border: var(--vx-line);
  --border-strong: var(--vx-line-2);
  --surface: var(--vx-surface);
  --surface-hover: var(--vx-surface-hover);

  --v5-bg: var(--vx-bg);
  --v5-card: var(--vx-card);
  --v5-line: var(--vx-line);
  --v5-mute: var(--vx-mute);
  --v5-ac: var(--vx-accent);
  --v5-ac2: var(--vx-accent-2);
  --v5-r: var(--vx-r-xl);

  --ink: var(--vx-bg);
  --ink-2: #0c1015;
  --paper: var(--vx-text);
  --mute: #8d98a5;
  --mute-2: var(--vx-mute-2);
  --cy: var(--vx-accent);
  --cy-2: var(--vx-accent-2);
  --hair: var(--vx-line);
  --hair-2: var(--vx-line-2);
  --mono: var(--vx-mono);
}

/* أساس موحّد للنص والخلفية */
html { background: var(--vx-bg); color: var(--vx-text); }
body { font-family: var(--vx-font); }