/* ============================================================
   مكتبة الأذكار الموثّقة — نظام التصميم «السَّكينة v3» (رموز التصميم)
   ADHKAR-T006-R2-DESIGN-CONFORM
   ------------------------------------------------------------
   المرجع البصري الملزم الوحيد: 01_Governance/sakinah-v3.html
   (SHA-256 a05b702f…786a065). كل قيمة هنا منقولة حرفيًا من ملف
   المرجع؛ جدول «القيمة ← سطرها في المرجع» في DESIGN_TOKENS.md.
   الأسماء نفسها التي استعملها المرجع (--stone, --bay, --ink …) حتى
   تبقى المطابقة قابلة للتدقيق سطرًا بسطر.
   ============================================================ */

/* ---------- لوح الألوان النهاري (المرجع :root — الأسطر 11–17) ---------- */
:root,
:root[data-theme='sabah'] {
  --stone: #F1EDE4;          /* أرضية الصفحة */
  --bay: #FAF7F0;            /* البطاقات والأسطح المرتفعة */
  --ink: #23201A;            /* النص الأساسي */
  --ink-2: #6E675B;          /* النص الثانوي */
  --cypress: #2E5A4C;        /* الأخضر السروي: الأزرار الأساسية، التبويب النشط، العناوين الفرعية */
  --cypress-soft: #EAF0EC;   /* خلفية الأيقونات والتبويب النشط */
  --bronze: #A2814F;         /* البرونزي: التمييز، القوس، العدّاد القادم، الشارات */
  --line: #E1DACB;           /* الحدود */
  --line-soft: #EAE4D7;      /* الفواصل الخفيفة ومسارات التقدم */
  --shadow: 0 18px 40px -24px rgba(35,32,26,.25);
  --r-lg: 26px;              /* قوس البطاقات الكبيرة */
  --r-md: 18px;              /* قوس البطاقات المتوسطة */
  --dur: .45s;               /* مدة انتقال الثيم */
  --read-size: 25px;         /* حجم نص الذكر (يتحكم به المستخدم 21–31) */
  /* لون النص على الأسطح المصبوغة (cypress/bronze) — المرجع: #F5F2EA (الأسطر 142، 183، 246، 254، 275) */
  --on-tint: #F5F2EA;
  --on-tint-done: #F5F2EA;
  color-scheme: light;
}

/* ---------- لوح الألوان الليلي (المرجع html[data-theme="night"] — الأسطر 20–25) ---------- */
:root[data-theme='masaa'] {
  --stone: #151310;
  --bay: #1D1A15;
  --ink: #EBE4D6;
  --ink-2: #9A917F;
  --cypress: #7FAE9B;
  --cypress-soft: #22302A;
  --bronze: #C2A26C;
  --line: #2B2720;
  --line-soft: #242019;
  --shadow: 0 18px 40px -24px rgba(0,0,0,.6);
  /* ليلًا يصير النص على الأسطح المصبوغة داكنًا — المرجع السطران 18 و19 */
  --on-tint: #16211B;
  --on-tint-done: #221B10;
  color-scheme: dark;
}

/* ---------- الخطوط ----------
   المرجع يحمّل من Google Fonts: Reem Kufi (400/500/600)، IBM Plex Sans Arabic
   (300/400/500/600/700)، Amiri (400/700) — السطر 9.
   المستودع يحوي الخطوط الموثقة الثلاثة فقط (قرار المالك: بلا خطوط جديدة، بلا subsetting):
   Amiri 400/700، IBM Plex Sans Arabic 400/500/700، KFGQPC Uthmanic.
   - --font-ui   = "IBM Plex Sans Arabic",system-ui,sans-serif (المرجع السطر 28)
   - --font-kufi = بديل Reem Kufi (الشعار، العناوين العلوية، حروف البوصلة، الأرقام الكبيرة)
                   حتى يقرر المالك إيداع Reem Kufi — انظر تقرير R2 §13.
   - --font-read = "Amiri" (نص الذكر، الفوائد، الميثاق)
   - الأوزان 300 و600 تُكتب كما في المرجع؛ المتصفح يحلّها إلى 400 و700 المتاحين.
   خط المصحف يبقى محصورًا في .quran-text (حارس الخط — ENHANCEMENTS-1 بند ٨). */
:root {
  --font-ui: "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-kufi: "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-read: "Amiri", serif;

  /* ---------- الهندسة العامة ---------- */
  --frame-w: 440px;          /* عرض الإطار (المرجع السطر 29) */
  --frame-w-wide: 760px;     /* الإطار من 820px فأعلى (السطر 35) */
  --tab-h: 118px;            /* المساحة المحجوزة أسفل الإطار للشريط السفلي (السطر 29) */
  --nav-bottom: 14px;        /* ارتفاع الشريط عن حافة الشاشة (السطر 168) */
  --nav-w: min(400px, calc(100% - 32px)); /* عرض الشريط (السطر 168) */
  --nav-w-wide: min(520px, calc(100% - 32px)); /* من 820px (السطر 40) */
  --gutter: 16px;            /* هامش البطاقات (الأسطر 94، 114، 132) */
  --gutter-text: 22px;       /* هامش النصوص والترويسات (الأسطر 60، 69، 112) */

  /* ---------- الحركة (الأسطر 45–51، 85، 207) ---------- */
  --ease-out: cubic-bezier(.2,.7,.3,1);
  --ease-press: cubic-bezier(.3,.8,.4,1);
  --ease-arch: cubic-bezier(.4,0,.2,1);
  --ease-needle: cubic-bezier(.3,.8,.3,1);
}