:root {
    /* --- ألوان الخلفية (من ملف Datk overlay & gradient) --- */
    --bg-color-dark: #0a192f;
    --bg-color-black: #000000;
    --page-gradient: linear-gradient(180deg, var(--bg-color-dark) 0%, var(--bg-color-black) 100%);

    /* --- الألوان الأساسية (من ملف Main color) --- */
    --color-main-blue: #3b6fe0;
    --color-main-white: #ffffff;
    --color-main-grey: #f0f0f0;

    /* --- ألوان التمييز النيون (من ملف Highlight) --- */
    --color-neon-orange: #ff6d00;
    --color-neon-purple: #6200ea;
    --color-neon-yellow: #ffd600; /* لون إضافي للكرة من التدرج */

    /* --- إعدادات الحواف والظلال --- */
    --border-radius-circle: 50%;
    --border-radius-button: 50px;
    --button-padding: 18px;
    --transition-fast: 0.3s ease;

    /* إعدادات الحركة */
    --animation-speed: 4s;
}