/*
 * colors.css — رموز ألوان نظام تصميم فِهرس (v1.0)
 * تُحمَّل على صفحات فِهرس العامة (الرئيسية/الدخول/الأدلّة/الصفحات الثابتة).
 *
 * الفلسفة: ورقٌ دافئ، حبرٌ داكن، ونحاسٌ للتأكيد.
 * حواف حادّة ≤ 2px · ظلال صلبة بلا تمويه.
 */

:root {
    /* ── اللوحة الكاملة (16 لوناً) ─────────────────────────────── */
    --fh-paper:        #FDFBF7; /* خلفية الصفحات */
    --fh-surface:      #FFFFFF; /* البطاقات والحقول */
    --fh-sand-100:     #F6F2EA; /* أسطح هادئة */
    --fh-sand-200:     #EDE7DC; /* خلفيات معطّلة */
    --fh-border:       #E5E0D8; /* فواصل وحدود خفيفة */
    --fh-border-strong:#C9C1B2; /* حدود الحقول */
    --fh-ink-300:      #A79D8B; /* نص معطّل */
    --fh-ink-500:      #7A7265; /* النص الثانوي */
    --fh-ink-700:      #4F4A40; /* حدود على الداكن */
    --fh-ink:          #111827; /* النص الأساسي والحدود */
    --fh-copper-100:   #F7EDE3; /* خلفية تأكيد خفيفة */
    --fh-copper-200:   #E4C4A8; /* لمسات على الداكن */
    --fh-copper-600:   #B45309; /* تحويم الروابط */
    --fh-copper:       #92400E; /* الأكسنت الأساسي (نحاس صحراوي) */
    --fh-copper-900:   #78350F; /* نحاس مضغوط */
    --fh-error:        #7F1D1D; /* حالات الخطأ فقط */

    /* ── الظلال الصلبة (بلا blur) ──────────────────────────────── */
    --fh-shadow-sm:     3px 3px 0 var(--fh-ink);
    --fh-shadow-md:     5px 5px 0 var(--fh-ink);
    --fh-shadow-lg:     8px 8px 0 var(--fh-ink);
    --fh-shadow-copper: 5px 5px 0 var(--fh-copper);

    /* ── مواءمة النظام القديم (--l-*) على هوية فِهرس الجديدة ────── */
    --l-bg:            var(--fh-paper);
    --l-surface:       var(--fh-surface);
    --l-border:        var(--fh-border);
    --l-text:          var(--fh-ink);
    --l-text-muted:    var(--fh-ink-500);
    --l-accent:        var(--fh-copper);
    --l-accent-light:  var(--fh-copper-200);
    --l-primary:       var(--fh-copper);
    --l-primary-dark:  var(--fh-copper-900);

    /* توافق قديم إضافي */
    --primary:         var(--fh-copper);
    --primary-dark:    var(--fh-copper-900);
    --accent:          var(--fh-copper);
    --accent-light:    var(--fh-copper-200);
    --background:      var(--fh-paper);
    --surface:         var(--fh-surface);
    --text-primary:    var(--fh-ink);
    --text-secondary:  var(--fh-ink-500);
    --text-support:    var(--fh-ink-500);
    --border:          var(--fh-border);
    --c-text-inverse:  var(--fh-paper);
}
