:root {
  /* الخلفيات: تم تحويلها من البني الدافئ إلى الأسود الكربوني المزرق العميق المستوحى من الشعار */
  --ink: #07090e;        /* خلفية الموقع الأساسية */
  --ink-2: #0e121a;      /* خلفية الكروت والمحاكيات */
  --surface: #141a26;    /* خلفية الفقاعات والـ Bubbles */
  --surface-2: #1c2436;  /* العناصر الثانوية المرتفعة */

  /* النصوص: تم الحفاظ على درجات الـ Cream والـ Muted ولكن بلمحة باردة لتناسب الخلفية الجديدة */
  --cream: #f4f6fa;      /* النص الأساسي الساطع */
  --cream-dim: #c5cbd8;  /* النصوص الثانوية والـ Lead */
  --muted: #7e879a;      /* النصوص الضعيفة والـ Captions */

  /* الألوان التفاعلية: مستخرجة مباشرة من الأزرق والأخضر المتوهج في الشعار */
  --coral: #008be5;      /* الأزرق المضيء (حرف D وجسم الشعار السفلي) */
  --coral-2: #00ffd1;    /* الأخضر السياني المتوهج (قمة الموجة الصوتية) */
  --glow: rgba(0, 139, 229, 0.22); /* توهج أزرق ناعم للخلفيات والمؤثرات */

  /* الخطوط والفواصل الزجاجية الشفافة */
  --line: rgba(244, 246, 250, 0.06);
  --line-2: rgba(244, 246, 250, 0.12);

  /* الإعدادات الهيكلية للموقع وجسم الصفحة */
  --maxw: 118rem;
  --pad: clamp(2rem, 5vw, 7rem);
  --f: "IBM Plex Sans Arabic", system-ui, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, monospace;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);

  /* الروابط البديلة (Aliases) للملفات والصفحات الفرعية */
  --bg: var(--ink);
  --text: var(--cream);
  --text-soft: var(--cream-dim);
  --accent: var(--coral);
  --border: var(--line-2);
  --card: var(--ink-2);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion: 0s;
  }
}

@media (max-width: 900px) {
  :root {
    --pad: clamp(1.8rem, 4.5vw, 3rem);
  }
}

@media (max-width: 640px) {
  :root {
    --pad: 1.6rem;
  }
}