/* ==========================================================================
   Yara Software Solutions (yarasolutionsoft.com)
   Eye-Comfort & High-Trust Color System (Soft Slate Light & Velvet Slate Dark)
   ========================================================================== */

:root {
    /* ألوان الثقة المؤسسية المستخرجة من شعار يارا (logo.png) */
    --yara-primary: #1D4ED8;          /* أزرق ياقوتي رصين يبعث على الثقة */
    --yara-primary-hover: #1E40AF;    /* أزرق داكن عند التمرير */
    --yara-cyan: #0284C7;             /* أزرق سماوي هادئ من موجة الشعار */
    --yara-indigo: #4338CA;           /* نيلي مؤسسي من شريط الشعار */
    --yara-teal: #0D9488;             /* فيروزي مريح لعلامات التحقق والنجاح */
    --yara-amber: #D97706;            /* ذهبي دافئ للشارات المميزة */

    /* تدرجات هادئة ومريحة للعين */
    --yara-gradient: linear-gradient(135deg, #1E3A8A 0%, #1D4ED8 55%, #0284C7 100%);
    --yara-soft-tint: linear-gradient(135deg, rgba(29, 78, 216, 0.08) 0%, rgba(2, 132, 199, 0.12) 100%);

    /* الوضع الفاتح المريح للعين (Soft Pearl Slate - بدون أبيض فاقع مزعج) */
    --bg-body: #EDF2F7;               /* خلفية لؤلؤية هادئة تمنع إجهاد العين */
    --bg-section-alt: #E2E8F0;        /* خلفية تبادلية ناعمة للأقسام */
    --bg-card: #F8FAFC;               /* بطاقات بلون عاجي صخري مريح */
    --bg-card-elevated: #FFFFFF;      /* للعناصر البارزة فقط بتوازن بصري */
    --bg-navbar: rgba(248, 250, 252, 0.94);
    --text-main: #1E293B;             /* كحلي فحمي رصين ومريح للقراءة */
    --text-secondary: #475569;        /* رمادي صخري واضح ومتوازن */
    --text-muted: #64748B;
    --border-color: #CBD5E1;          /* حدود واضحة تمنع تداخل البطاقات */
    --shadow-card: 0 8px 24px rgba(15, 23, 42, 0.06);
    --shadow-hover: 0 16px 36px rgba(29, 78, 216, 0.13);
    --logo-box-bg: #FFFFFF;

    /* الخطوط المعتمدة */
    --font-heading-ar: 'Cairo', sans-serif;
    --font-body-ar: 'Tajawal', sans-serif;
    --font-en: 'Plus Jakarta Sans', sans-serif;
}

/* الوضع الداكن المريح للعين (Velvet Nordic Slate - بدون أسود قاتم مرهق) */
[data-theme="dark"] {
    --yara-primary: #3B82F6;
    --yara-primary-hover: #2563EB;
    --yara-cyan: #38BDF8;
    --yara-indigo: #6366F1;
    --yara-soft-tint: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(56, 189, 248, 0.15) 100%);

    --bg-body: #152033;               /* كحلي صخري عميق ومريح للعين */
    --bg-section-alt: #111A2B;        /* خلفية تبادلية متناسقة */
    --bg-card: #1E2D45;               /* بطاقات بارزة وواضحة تماماً عن الخلفية */
    --bg-card-elevated: #253754;
    --bg-navbar: rgba(21, 32, 51, 0.95);
    --text-main: #E2E8F0;             /* أبيض فضي هادئ لا يسبب توهجاً للعين */
    --text-secondary: #CBD5E1;        /* رمادي فضي فاتح عالي الوضوح */
    --text-muted: #94A3B8;
    --border-color: #334868;          /* إطار واضح يفصل البطاقات في الدارك مود */
    --shadow-card: 0 10px 28px rgba(0, 0, 0, 0.25);
    --shadow-hover: 0 18px 40px rgba(56, 189, 248, 0.16);
    --logo-box-bg: #F8FAFC;           /* يحافظ على وضوح حرف Y في الشعار */
}