* {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

        }



        :root {

            /* الألوان الأساسية */

            --navy-blue: #6A1B9A;

            --light-gray: #f8f9fa;

            --white: #ffffff;

            --accent-blue: #8E24AA;

            --dark-navy: #4A148C;

            --bright-blue: #AB47BC;

            --teal: #BA68C8;



            /* ألوان النصوص */

            --text-primary: #6A1B9A;

            --text-secondary: #666666;

            --text-white: #ffffff;



            /* ألوان الخلفيات */

            --bg-light: #f8f9fa;

            --bg-white: #ffffff;

            --bg-overlay: rgba(0, 0, 0, 0.2);

            --bg-overlay-light: rgba(0, 0, 0, 0.3);



            /* ألوان الشفافية */

            --white-alpha-10: rgba(255, 255, 255, 0.1);

            --white-alpha-15: rgba(255, 255, 255, 0.15);

            --white-alpha-20: rgba(255, 255, 255, 0.2);

            --white-alpha-30: rgba(255, 255, 255, 0.3);

            --white-alpha-50: rgba(255, 255, 255, 0.5);

            --white-alpha-70: rgba(255, 255, 255, 0.7);

            --white-alpha-80: rgba(255, 255, 255, 0.8);



            /* ألوان الظلال */

            --shadow-light: rgba(106, 27, 154, 0.1);

            --shadow-medium: rgba(106, 27, 154, 0.2);

            --shadow-dark: rgba(106, 27, 154, 0.3);

            --shadow-darker: rgba(106, 27, 154, 0.4);

            --shadow-blue-light: rgba(142, 36, 170, 0.3);

            --shadow-blue-medium: rgba(142, 36, 170, 0.4);

            --shadow-blue-dark: rgba(142, 36, 170, 0.5);

            --shadow-blue-darker: rgba(142, 36, 170, 0.6);



            /* ألوان الحدود */

            --border-transparent: rgba(142, 36, 170, 0.3);

            --border-white-alpha: rgba(255, 255, 255, 0.1);



            /* تأثيرات الخلفية */

            --hero-overlay-dark: rgba(255, 255, 255, 0.15);

            --card-hover-bg: rgba(142, 36, 170, 0.1);

            --nav-hover-bg: rgba(142, 36, 170, 0.3);

            /* ألوان الحالات الأساسية */
            --status-new: #3498db;
            --status-in-study: #f39c12;
            --status-pending: #3498db;
            --status-approved: #2ecc71;
            --status-rejected: #e74c3c;
            --status-suspended: #9b59b6;
            --status-blocked: #e74c3c;
            --status-waiting: #f1c40f;
            --status-completed: #27ae60;
            --status-failed: #c0392b;
            --status-cancelled: #95a5a6;
            --status-on-hold: #d35400;
            --status-under-review: #8e44ad;
            --status-needs-update: #e67e22;
            --status-needs-review: #16a085;

            /* خلفيات شفافة للحالات */
            --status-new-bg: rgba(52, 152, 219, 0.1);
            --status-in-study-bg: rgba(243, 156, 18, 0.1);
            --status-pending-bg: rgba(52, 152, 219, 0.1);
            --status-approved-bg: rgba(46, 204, 113, 0.1);
            --status-rejected-bg: rgba(231, 76, 60, 0.1);
            --status-suspended-bg: rgba(155, 89, 182, 0.1);
            --status-blocked-bg: rgba(231, 76, 60, 0.15);
            --status-waiting-bg: rgba(241, 196, 15, 0.1);
            --status-completed-bg: rgba(39, 174, 96, 0.1);
            --status-failed-bg: rgba(192, 57, 43, 0.1);
            --status-cancelled-bg: rgba(149, 165, 166, 0.1);
            --status-on-hold-bg: rgba(211, 84, 0, 0.1);
            --status-under-review-bg: rgba(142, 68, 173, 0.1);
            --status-needs-update-bg: rgba(230, 126, 34, 0.1);
            --status-needs-review-bg: rgba(22, 160, 133, 0.1);

        }