/* ═══════════════════════════════════════════════════════════
   عقار بوت | AQAR BOT - Design System Tokens
   ═══════════════════════════════════════════════════════════ */

:root {
    /* لوحة الألوان الأساسية */
    --color-primary: #10b981;        /* أخضر عقار بوت الأساسي */
    --color-primary-dark: #059669;   /* أخضر عقار بوت الداكن */
    --color-primary-light: #34d399;  /* أخضر عقار بوت الفاتح */
    --color-primary-glow: rgba(16, 185, 129, 0.15); /* توهج أخضر */

    /* ألوان الخلفيات */
    --color-bg-main: #0f172a;        /* خلفية رئيسية كحلية داكنة */
    --color-bg-card: #1e293b;        /* خلفية بطاقة كحلية متوسطة */
    --color-bg-hover: #334155;       /* خلفية عند التحويم */
    --color-bg-input: #0f172a;       /* خلفية الحقول */

    /* ألوان النصوص */
    --color-text-primary: #f8fafc;   /* نصوص رئيسية أبيض ناصع */
    --color-text-secondary: #94a3b8; /* نصوص ثانوية رمادي فاتح */
    --color-text-muted: #64748b;     /* نصوص خافتة رمادي داكن */

    /* ألوان الحدود */
    --color-border: #334155;         /* لون إطار كحلي فاتح */
    --color-border-light: #475569;   /* لون إطار التحويم */

    /* ألوان الحالات والتمييز */
    --color-yellow: #f59e0b;         /* أصفر - قيد التحضير/تنبيه */
    --color-red: #ef4444;            /* أحمر - رفض/إلغاء/حذف */
    --color-purple: #8b5cf6;         /* بنفسجي - اشتراك سنوي/مميز */
    --color-blue: #3b82f6;           /* أزرق - جديد/توصيل */

    /* أنصاف الأقطار (الهوامش الدائرية) */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    /* الظلال وتأثيرات الإضاءة */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.15);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.25);
    --shadow-glow: 0 0 20px rgba(16, 185, 129, 0.15);

    /* أبعاد التخطيط (Layout Dimensions) */
    --sidebar-width: 280px;
    --header-height: 70px;

    /* الحركات والسرعات */
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: all 0.15s ease;
    --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

    /* الخط المعتمد */
    --font-family: 'IBM Plex Sans Arabic', sans-serif;
}