/*
 * متغيّرات واجهة «بوصلة» — المصدر الوحيد للألوان والخطوط والمقاسات.
 * القاعدة: الأحمر للهوية فقط (الشعار، القسم النشط، العدّاد الصغير).
 * الأزرار الأساسية فحمية، والتنبيهات بألوان الحالة ومعها أيقونة ونص.
 * الأخضر السعودي للمسات الوطنية فقط (التاريخ الهجري، شارة الفوترة الإلكترونية).
 */
:root {
    /* الهوية — تتبع لون الشركة من الإعدادات */
    --aag-red:        var(--color-customColor, #E30000);
    --aag-red-tint:   #FDECEC;
    --aag-red-dark:   #B00000;
    --aag-red-deep:   #8F0F0F;

    /* رمادي بارد مأخوذ من الشعار */
    --aag-gray-900: #1E2323;
    --aag-gray-700: #3C4444;
    --aag-gray-500: #6B7272;
    --aag-gray-300: #B9BEBE;
    --aag-gray-150: #E4E7E7;
    --aag-gray-50:  #F5F6F6;

    /* الحالات */
    --aag-success:     #1E8A4C;
    --aag-warning:     #C77700;
    --aag-danger:      #D92B2B;
    --aag-info:        #2563A8;
    --aag-saudi-green: #006C35;
    --aag-success-soft: #E6F3EB;
    --aag-warning-soft: #FBF0DF;
    --aag-danger-soft:  #FBE9E9;
    --aag-no-answer:    #E8A3A3; /* «لم يرد» في كل الشاشات: أحمر فاتح هادئ (نقاط، أعمدة، رسوم) */
    --aag-no-answer-soft: #FBE9E9; /* خلفية شارة «لم يرد» */
    --aag-no-answer-text: #A65A5A; /* نص شارة «لم يرد» (الفاتح لا يُقرأ نصًا) */
    --aag-info-soft:    #E8EFF7;

    /* أدوار الواجهة (هذه ما تستخدمه المكوّنات) */
    --aag-ground:      #ECEEEE;
    --aag-surface:     #FFFFFF;
    --aag-surface-2:   var(--aag-gray-50);
    --aag-text:        var(--aag-gray-900);
    --aag-text-2:      var(--aag-gray-700);
    --aag-muted:       var(--aag-gray-500);
    --aag-line:        var(--aag-gray-150);
    --aag-line-soft:   #EEF0F0;
    --aag-primary:     var(--aag-gray-900);
    --aag-primary-hover: var(--aag-gray-700);
    --aag-on-primary:  #FFFFFF;
    --aag-focus:       0 0 0 3px rgba(37, 99, 168, .25);
    --aag-shadow:      0 1px 2px rgba(30, 35, 35, .05);
    --aag-shadow-pop:  0 12px 36px rgba(30, 35, 35, .16);

    /* الخطوط */
    --aag-font-display: 'Alexandria', 'Almarai', 'Segoe UI', Tahoma, sans-serif;
    --aag-font-body:    'Almarai', 'Segoe UI', Tahoma, sans-serif;

    /* المقاسات */
    --aag-gap:        14px;
    --aag-rail-w:     76px;
    --aag-rail-open:  272px;
    --aag-radius:     18px;
    --aag-radius-sm:  12px;
    --aag-header-h:   64px;
    --aag-bottom-h:   64px;
}

/* الوضع الداكن — يُفعَّل لكل مستخدم في المرحلة ٦ */
:root[data-aag-theme="dark"] {
    --aag-red-tint:   #3A1616;
    --aag-ground:     #121515;
    --aag-surface:    #1B1F1F;
    --aag-surface-2:  #232828;
    --aag-text:       #F5F6F6;
    --aag-text-2:     #C9CECE;
    --aag-muted:      #8E9696;
    --aag-line:       #2E3434;
    --aag-line-soft:  #262B2B;
    --aag-primary:    #F5F6F6;
    --aag-primary-hover: #E4E7E7;
    --aag-on-primary: #1E2323;
    --aag-success-soft: #16301F;
    --aag-warning-soft: #33260F;
    --aag-danger-soft:  #3A1717;
    --aag-no-answer:    #A65A5A;
    --aag-no-answer-soft: #3A1717;
    --aag-no-answer-text: #E8A3A3;
    --aag-info-soft:    #15253A;
    --aag-shadow:     none;
    --aag-shadow-pop: 0 12px 36px rgba(0, 0, 0, .5);
}