/* ==========================================================================
   فينكس | PHOENIX - Design System Variables & Color Tokens
   الهوية البصرية الملكية: عنابي داكن فاخر وعنابي فاتح جداً (بدون أي لون أسود نهائياً)
   ========================================================================== */

:root {
  /* Rich Royal Burgundy Palette (عنابي مشبع وواضح - لا يوجد أي أسود) */
  --color-burgundy-950: #3b051e; /* عنابي داكن ملكي */
  --color-burgundy-900: #4a0726; /* عنابي داكن فخم للرئيسيات والفوتر */
  --color-burgundy-850: #59092e;
  --color-burgundy-800: #680c36; /* عنابي أساسي عميق */
  --color-burgundy-700: #7d0f41;
  --color-burgundy-600: #93134d;
  --color-burgundy-500: #ab175b; /* عنابي مشرق للأزرار والتفاعلات */
  --color-burgundy-400: #c42770;
  --color-burgundy-300: #db4989;
  --color-burgundy-200: #ee80ae;
  --color-burgundy-100: #f7bbd4;
  --color-burgundy-50:  #fdf2f7;

  /* Accent Glowing Colors */
  --color-accent-purple: #9333ea;
  --color-accent-fuchsia: #c026d3;
  --color-accent-rose: #e11d48;
  --color-accent-amber: #d97706;
  --color-accent-emerald: #059669;
  --color-accent-cyan: #0891b2;

  /* Theme Canvas: عنابي فاتح جداً للخلفيات مع بطاقات بيضاء نقية بلمسة عنابية */
  --color-white: #ffffff;
  --color-bg-base: #fcf4f8;        /* خلفية الموقع العامة: عنابي فاتح جداً وناعم ومريح للعين */
  --color-bg-light: #f7e8f1;       /* أقسام بديلة: عنابي فاتح راقي */
  --color-bg-alt: #f3dbe8;         /* فواصل وسكاشن مميزة */
  --color-bg-card: #ffffff;        /* بطاقات بيضاء ناصعة وفخمة */
  --color-bg-card-hover: #fff9fc;  /* بطاقة عند التحويم */
  --color-bg-input: #ffffff;       /* حقول الإدخال */
  
  /* الحدود والظلال المتناسقة مع العنابي الفاتح والداكن */
  --color-border-light: #edd3e1;
  --color-border-medium: #dfb5cb;
  --color-border-subtle: rgba(147, 19, 77, 0.08);
  --color-border-card: #edd5e2;

  /* ألوان النصوص - تباين فائق وقراءة مريحة بدون أي لون رمادي باهت */
  --color-text-dark: #3b051e;      /* عناوين رئيسية بلون عنابي داكن فخم */
  --color-text-title: #4a0726;     /* عناوين الأقسام */
  --color-text-body: #471830;      /* نصوص المقالات والمحتوى - قراءة واضحة جداً */
  --color-text-muted: #79435f;     /* نصوص فرعية راقية بلون عنابي هادئ */
  --color-text-light: #9d5d7f;
  --color-text-white: #ffffff;     /* نصوص بيضاء ناصعة على خلفيات العنابي الداكن */

  /* Gradients - تدرجات عنابية ملكية فاخرة */
  --gradient-primary: linear-gradient(135deg, #7d0f41 0%, #9e1453 50%, #ba1963 100%);
  --gradient-primary-reverse: linear-gradient(135deg, #ba1963 0%, #7d0f41 100%);
  --gradient-dark-hero: linear-gradient(135deg, rgba(74, 7, 38, 0.92) 0%, rgba(104, 12, 54, 0.88) 100%);
  --gradient-hero-overlay: linear-gradient(135deg, rgba(59, 5, 30, 0.90) 0%, rgba(90, 10, 46, 0.84) 100%);
  --gradient-card: #ffffff;
  --gradient-card-hover: #fff9fc;
  --gradient-accent: linear-gradient(135deg, #ab175b 0%, #d92078 100%);
  --gradient-glass: rgba(255, 255, 255, 0.88);
  --gradient-glass-dark: linear-gradient(135deg, rgba(74, 7, 38, 0.96) 0%, rgba(59, 5, 30, 0.98) 100%);

  /* Shadows - ظلال ناعمة راقية بلمسة عنابية خفيفة */
  --shadow-sm: 0 2px 6px rgba(93, 15, 50, 0.05);
  --shadow-md: 0 4px 14px rgba(93, 15, 50, 0.08);
  --shadow-lg: 0 10px 24px rgba(93, 15, 50, 0.12);
  --shadow-xl: 0 18px 36px rgba(93, 15, 50, 0.16);
  --shadow-2xl: 0 24px 48px rgba(93, 15, 50, 0.22);
  --shadow-glow: 0 0 20px rgba(171, 23, 91, 0.25);
  --shadow-glow-burgundy: 0 8px 25px rgba(125, 15, 65, 0.35);

  /* Typography */
  --font-arabic: 'Cairo', 'Tajawal', system-ui, -apple-system, sans-serif;
  --font-en: 'Inter', 'Outfit', system-ui, sans-serif;

  /* Border Radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Layout Spacing */
  --container-max: 1220px;
  --header-height: 64px;
  --transition-fast: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}