/*
 * =====================================================================
 * الوضع الفاتح — Light Theme Tokens
 * =====================================================================
 * هذا الملف يعرّف مجموعة رموز التصميم الكاملة للوضع الفاتح فقط.
 * قاعدة ملزمة (SYSTEM-STANDARDS §3): لا يستورد هذا الملف من dark.css ولا
 * العكس، وملفات المكونات تستهلك هذه المتغيرات فقط ولا تكتب لونًا خامًا.
 * أي قيمة لون خام خارج ملفي الثيم = فشل فحص CI.
 */
:root[data-theme="light"] {
    /* الخلفيات والأسطح */
    --color-bg:            #f4f6f9;
    --color-surface:       #ffffff;
    --color-surface-alt:   #eef1f5;
    --color-overlay:       rgba(17, 24, 39, 0.45);

    /* النصوص */
    --color-text:          #1f2933;
    --color-text-muted:    #64748b;
    --color-text-inverse:  #ffffff;

    /* الحدود والفواصل */
    --color-border:        #d9dee6;
    --color-border-strong: #b8c1cd;

    /* اللون الأساسي (هوية طبية زرقاء) */
    --color-primary:       #0b62b4;
    --color-primary-hover: #084c8d;
    --color-primary-soft:  #e3eefb;
    --color-on-primary:    #ffffff;

    /* حالات التنبيه */
    --color-success:       #15803d;
    --color-success-soft:  #dcfce7;
    --color-danger:        #b91c1c;
    --color-danger-soft:   #fee2e2;
    --color-warning:       #b45309;
    --color-warning-soft:  #fef3c7;
    --color-info:          #1d4ed8;
    --color-info-soft:     #dbeafe;

    /* الظلال */
    --shadow-sm:  0 1px 2px rgba(15, 23, 42, 0.06);
    --shadow-md:  0 4px 12px rgba(15, 23, 42, 0.10);
    --shadow-lg:  0 12px 32px rgba(15, 23, 42, 0.16);

    /* حلقة التركيز (إتاحة) */
    --color-focus-ring: rgba(11, 98, 180, 0.45);

    /* رموز صفحة الهبوط (زرقاء طبية، وذهبي ثانوي للهلال) */
    --color-landing-bg:          #f6f9fe;
    --color-landing-hero:        #e8f1fd;
    --color-landing-deep:        #082f57;
    --color-landing-accent:      #3b82d6;
    --color-landing-accent-soft: #e3eefb;
    --color-landing-gold:        #b58a2c;
    --color-landing-gold-soft:   #f6edda;
    --color-landing-blue:        #0b62b4;
    --color-landing-blue-soft:   #e3eefb;
    --color-landing-glow:        rgba(11, 98, 180, 0.15);
    --color-landing-glass:       rgba(255, 255, 255, 0.86);
    --color-landing-line:        rgba(11, 98, 180, 0.10);

    /* هوية لوحات النظام */
    --color-brand-gold:          #b58a2c;
    --color-brand-gold-soft:     #f6edda;
    --color-panel-sidebar:       #0a3055;
    --color-panel-sidebar-alt:   #0e416f;
    --color-panel-sidebar-text:  #f1f7ff;
    --color-panel-sidebar-muted: #a9c6e6;
    --color-panel-sidebar-line:  rgba(255, 255, 255, 0.12);
    --color-panel-topbar:        rgba(255, 255, 255, 0.92);
    --color-table-stripe:        #f6f9fd;
    --color-auth-glow:           rgba(11, 98, 180, 0.13);

    /*
     * رمز QR — **متطابق عمدًا مع dark.css، ولا يُشتق من ألوان الثيم.**
     * الرمز يُقرأ بكاميرا لا بعين: يشترط تباينًا عاليًا واتجاهًا ثابتًا
     * (داكن على فاتح). رمز فاتح على داكن ترفضه كثير من التطبيقات، وتقليل
     * التباين يُفشل المسح في الإضاءة الضعيفة. لذلك يبقى أسود على أبيض في
     * الوضعين — والقيمة هنا لا لأن الوضع فاتح بل لأن §3.2 يوجب أن يسكن كل
     * لون خام ملفَّ ثيم. يقابله لوح أبيض في auth.css يحمله في الوضع المظلم.
     */
    --color-qr-module: #000000;
    --color-qr-plate:  #ffffff;

    color-scheme: light;
}