/* الهوية البصرية — مصدر واحد للألوان والمسافات والحركة */
:root {
  /* البنفسجي (اللون الأساسي) */
  --brand-300: #d8b4fe;
  --brand-400: #c084fc;
  --brand-500: #a855f7;
  --brand-600: #9333ea;

  /* النيلي (اللون الثانوي) */
  --indigo-400: #818cf8;
  --indigo-500: #6366f1;
  --indigo-600: #4f46e5;

  /* الأصفر/الذهبي (لون التمييز) */
  --accent-200: #fde68a;
  --accent-300: #fcd34d;
  --accent-400: #fbbf24;
  --accent-500: #f59e0b;

  /* الخلفيات الداكنة */
  --bg-950: #070709;
  --bg-900: #0d0d12;
  --bg-850: #13131a;
  --bg-800: #1a1a24;
  --bg-700: #262636;

  --text-strong: #ffffff;
  --text-main: #e2e8f0;
  --text-muted: #94a3b8;
  --text-faint: #8b95a7;

  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.14);

  --radius-sm: 0.75rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;

  --shadow-card: 0 20px 40px -24px rgba(0, 0, 0, 0.8);
  --shadow-glow: 0 18px 40px -18px rgba(168, 85, 247, 0.45);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 700ms;

  --font-sans: 'Tajawal', system-ui, sans-serif;
  --font-display: 'Plus Jakarta Sans', 'Tajawal', system-ui, sans-serif;
}