@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap');

:root {
    /* ألوان عامة الموقع - داكن (فيري داكن أزرق بنفسجي - فخم) */
    --bg-body: #0e0f16;
    --black: #000000;
    --text-color: #e7e9f0;
    --bg-prim: #171a24;
    --bg-prim-hover: #222634;
    --bg-input: #12141d;

    /* ألوان محرر الكود - شات ستايل */
    --hljs-keyword: #4f9fff; /* أزرق للـ keywords */
    --hljs-string: #34d399; /* أخضر للنصوص */
    --hljs-comment: #888888; /* رمادي للتعليقات */
    --hljs-text-color: #e5e5e5; /* لون النص العام */
    --hljs-function: #fbbf24; /* أصفر دافئ للدوال */
    --hljs-variable: #ff7b72; /* وردي للمتغيرات */
    --hljs-attribute: #7dd3fc; /* أزرق فاتح للattributes */
    --hljs-number: #f472b6; /* وردي فاتح للأرقام */
    --hljs-title: #ef4444; /* أحمر لعناوين الدوال */
    --highlightText: #ef4444; /* نفس الأحمر للنص المميز */

    --icon-translate: #38bdf8; /* sky-400 (Tailwind) - سماوي ناعم بدل النيون */
    --icon-research: #32cd32; /* أخضر ليموني زاهي - شعور بالنمو والطاقة */
    --icon-book: #ff6347; /* أحمر طماطم فاتح - شعور بالحيوية والدفء */
    --icon-robot: #ffb347; /* برتقالي دافئ فاتح - شعور بالإبداع والنشاط */
    --icon-summarize: #8a2be2; /* ليلي */

    /* هوية العلامة التجارية - HL AI (بنفسجي نيلي دافئ) */
    --brand: #7c6cf0;
    --brand-2: #a57cf0;
    --brand-gradient: linear-gradient(135deg, #6d5ee8 0%, #a57cf0 100%);
    --brand-soft: rgba(124, 108, 240, 0.16); /* خلفية ناعمة للمكونات المتفاعلة */
    --brand-glow: rgba(124, 108, 240, 0.38); /* توهج الأزرار */

    /* ألوان دلالية */
    --danger: #ff6b6b;
    --danger-soft: rgba(255, 107, 107, 0.12);
    --success: #34d399;
    --success-soft: rgba(52, 211, 153, 0.12);
    --warning: #ffc94d;

    /* حدود ونصوص ثانوية */
    --border-color: #262b3a;
    --muted: #98a0b3;
    --radius: 14px;
}

.light-mode {
    /* نسخة فاتحة الموقع (بيضاء نظيفة على خلفية زرقاء رمادية ناعمة) */
    --bg-body: #f4f5fa;
    --black: #ffffff;
    --text-color: #1e2130;
    --bg-prim: #ffffff;
    --bg-prim-hover: #eef0f7;
    --bg-input: #f2f3f9;

    /* ألوان محرر الكود - نسخة فاتحة */
    --hljs-keyword: #1e40af; /* أزرق داكن */
    --hljs-string: #065f46; /* أخضر داكن */
    --hljs-comment: #6b7280; /* رمادي */
    --hljs-text-color: #111827; /* أسود داكن للنص */
    --hljs-function: #b45309; /* بني داكن */
    --hljs-variable: #b91c1c; /* أحمر داكن للمتغيرات */
    --hljs-attribute: #0ea5e9; /* أزرق فاتح */
    --hljs-number: #db2777; /* وردي غامق */
    --hljs-title: #b91c1c; /* أحمر داكن للعناوين */
    --highlightText: #f59e0b; /* أصفر داكن للنص المميز */

    --icon-translate: #0284c7; /* sky-600 (Tailwind) - مقروء على الخلفية البيضاء */
    --icon-research: #00c853;
    --icon-book: #e64a19;
    --icon-robot: #f59e0b;
    --icon-summarize: #1e90ff;

    /* هوية العلامة التجارية - نسخة فاتحة (أغمق للتباين على الأبيض) */
    --brand: #5b4fd8;
    --brand-2: #7c6cf0;
    --brand-gradient: linear-gradient(135deg, #5b4fd8 0%, #7c6cf0 100%);
    --brand-soft: rgba(91, 79, 216, 0.12);
    --brand-glow: rgba(91, 79, 216, 0.28);

    /* ألوان دلالية - نسخة فاتحة */
    --danger: #e5484d;
    --danger-soft: rgba(229, 72, 77, 0.08);
    --success: #0d9f6e;
    --success-soft: rgba(13, 159, 110, 0.08);
    --warning: #d97706;

    /* حدود ونصوص ثانوية - نسخة فاتحة */
    --border-color: #e4e6f0;
    --muted: #6e7385;
}

/* خط كايرو للعربي */
body {
    font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif;
}