/* ==========================================================================
   رمز التصميم · أرشيف بن حم الذكي
   --------------------------------------------------------------------------
   الملف الوحيد في القالب والإضافة الذي تُكتب فيه قيمٌ لونية. كل ما سواه يقرأ
   من هنا. المرجع: Assets/الأرشيف/ (اعتُمدت الهوية في ٢٥ سبتمبر ٢٠٢٦).

   خمسة ألوان لا سادس لها، وكل درجةٍ أخرى مشتقّة منها بالخلط:
     الأحمر والأخضر للدائرتين وحدهما، والحبر للعدسة والنص، والورق أرضيةٌ للهوية.
   لا أرضية سوداء في أي مكان. والثقة رقمٌ لا لون، فلا سلّم ألوانٍ للدرجات هنا.
   ========================================================================== */

:root {
	/* ── الهوية ─────────────────────────────────────────────── */
	--bh-red: #ED1C24;      /* دائرة المجموعة، في الأعلى يمينًا */
	--bh-green: #0BAF5F;    /* دائرة المركز، في الأسفل يسارًا */
	--bh-ink: #231F20;      /* العدسة المؤكَّدة، والنص */
	--bh-paper: #E7E5DC;    /* الأرضية */
	--bh-white: #FFFFFF;    /* سطح البطاقة فوق الورق */

	/* ── مشتقّات الحبر (شفافية فوق أي سطح فاتح) ───────────────── */
	--bh-ink-88: color-mix(in srgb, var(--bh-ink) 88%, transparent);
	--bh-ink-soft: color-mix(in srgb, var(--bh-ink) 68%, transparent);   /* نصٌّ ثانوي */
	--bh-ink-45: color-mix(in srgb, var(--bh-ink) 45%, transparent);
	--bh-ink-28: color-mix(in srgb, var(--bh-ink) 28%, transparent);
	--bh-hairline: color-mix(in srgb, var(--bh-ink) 14%, transparent);
	--bh-ink-08: color-mix(in srgb, var(--bh-ink) 8%, transparent);
	--bh-ink-04: color-mix(in srgb, var(--bh-ink) 4%, transparent);

	/* ── الأسطح ─────────────────────────────────────────────── */
	/* الأبيض قاعدة الواجهة ومساحاتها الكبرى (قرار محمد، ٢٥ سبتمبر). الورق للحقول وما يُكتب فيه
	   وللمساحات الصغيرة التي تحتاج أن تتميّز، وهو أرضية الهوية في المطبوعات. */
	--bh-ground: var(--bh-white);                                         /* أرضية الصفحة */
	--bh-field: var(--bh-paper);                                          /* حقل، ورقة دليل، تمييز خفيف */
	--bh-surface: var(--bh-white);                                        /* بطاقة، نافذة، حقل */
	--bh-paper-deep: color-mix(in srgb, var(--bh-ink) 7%, var(--bh-paper));   /* خلف الصور وفي الحشوات */
	--bh-paper-lift: color-mix(in srgb, var(--bh-white) 45%, var(--bh-paper));/* بين الورق والأبيض */
	--bh-veil: color-mix(in srgb, var(--bh-paper) 94%, transparent);      /* ستارة المكبّر والنوافذ */
	--bh-veil-soft: color-mix(in srgb, var(--bh-paper) 0%, transparent);
	--bh-chip-on-photo: color-mix(in srgb, var(--bh-white) 92%, transparent);

	/* ── الأدوار ────────────────────────────────────────────── */
	--bh-text: var(--bh-ink);
	--bh-accent: var(--bh-ink);          /* التحويم والتركيز والفعل الأساسي */
	--bh-on-accent: var(--bh-white);
	--bh-rule: var(--bh-red);            /* خيط تحت العناوين وحدّ التذييل */
	--bh-alert: color-mix(in srgb, var(--bh-red) 78%, var(--bh-ink));    /* خطأ في نموذج، لا درجة ثقة */
	--bh-alert-bg: color-mix(in srgb, var(--bh-red) 7%, var(--bh-white));
	--bh-alert-line: color-mix(in srgb, var(--bh-red) 30%, transparent);
	--bh-shadow: color-mix(in srgb, var(--bh-ink) 22%, transparent);
	--bh-shadow-deep: color-mix(in srgb, var(--bh-ink) 38%, transparent);

	/* ── العلامة في شارة الحالة ─────────────────────────────── */
	--bh-mark-red: var(--bh-red);
	--bh-mark-green: var(--bh-green);
	--bh-mark-lens: var(--bh-ink);
	--bh-mark-ground: var(--bh-ground);  /* العدسة الفارغة بلون ما تحتها */
	--bh-mark-size: 22px;
	--bh-lens-fill: 400ms;               /* امتلاء العدسة عند التأكيد. وحركة البحث دوران الدائرتين معًا (دليل الهوية) */

	/* ── الخطوط ─────────────────────────────────────────────── */
	--bh-title: "Alexandria", "IBM Plex Sans Arabic", system-ui, sans-serif;
	--bh-body: "BH Plex", "IBM Plex Sans Arabic", system-ui, sans-serif;
	--bh-mono: "IBM Plex Mono", "BH Plex", monospace;   /* المونو للاتيني والأرقام، والعربي يسقط إلى Plex العربي لا إلى مونو */

	/* ── المسافات والشكل ────────────────────────────────────── */
	--bh-space-1: .25rem;
	--bh-space-2: .5rem;
	--bh-space-3: .75rem;
	--bh-space-4: 1rem;
	--bh-space-5: 1.5rem;
	--bh-space-6: 2rem;
	--bh-space-7: 3rem;
	--bh-shell: min(1360px, 100% - 3rem);
	--bh-radius: 4px;
	--bh-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}