/* ═══════════════════════════════════════════════════════════════════════════
 * tokens.css — نظام تصميم Kammah الموحّد (Design System v1) · 05/07/2026
 * ───────────────────────────────────────────────────────────────────────────
 * 🎯 المصدر **الواحد** لتوكنز التصميم (ألوان/خطوط/زوايا/مسافات/ظلال).
 *    قبل كده كل صفحة كانت بتنسخ :root بتاعها — 56-61 صفحة بالأسماء البسيطة (--bg/--gold)
 *    + 4 صفحات بـ --ks-* — فأي تغيير لون = تعديل ~100 ملف، والشكل بيتفكّك تدريجياً.
 *    دلوقتي: الصفحة تعمل <link> للملف ده وتشيل :root المحلي بتاعها.
 *
 * ✅ القيم مطابقة للموجود (المصدر: index-light.html، النمط الغالب) **بالظبط** —
 *    فالتبنّي = **صفر تغيير بصري**. مفيش مخاطرة على الشكل.
 *
 * 📖 دليل التبنّي التدريجي + الخطة الكاملة: wiki/system/design-system.md.
 * 🧱 ده لبنة أساس في تطبيق handas (Track A) — نفس التوكنز تنتقل للتطبيق.
 * 🪦 dark mode: اتجرّب واتشال (قرار محمد 05/07) — شوف الملاحظة آخر الملف.
 * ═══════════════════════════════════════════════════════════════════════════ */

:root{
  /* ── الأساس (النمط الغالب — نفس قيم index-light) ── */
  --bg:#F4F2EE; --surface:#FFFFFF; --surface-2:#FBFAF7;
  --ink:#262220; --ink-2:#6E6862; --ink-3:#A39D95;
  --gold:#B8956A; --gold-deep:#9A7A52; --gold-tint:#F3EADD;
  --line:#EAE6DE; --line-soft:#F1EEE8;
  --pos:#2F8C68; --pos-tint:#E4F1EA;
  --neg:#C7564B; --neg-tint:#FBE7E4;
  --warn:#C2883A; --warn-tint:#F8EEDC;
  --info:#4A7AB3; --info-tint:#E7EFF8;
  --shadow:0 1px 2px rgba(38,34,30,.04), 0 6px 20px rgba(38,34,30,.05);
  --shadow-lift:0 2px 6px rgba(38,34,30,.06), 0 14px 34px rgba(38,34,30,.09);

  /* ── زوايا/مسافات/خط (توحيد المتكرر — اختياري للتبنّي) ── */
  --radius:16px; --radius-sm:12px; --radius-lg:20px; --radius-pill:999px;
  --gap:12px; --pad:16px;
  --font:'Cairo',sans-serif;

  /* ── aliases لصفحات --ks-* (نفس قيمها الحالية بالظبط — توافق للخلف) ── */
  --ks-bg:#F4F2EE; --ks-surface:#FFFFFF; --ks-surface-2:#FBFAF7;
  --ks-ink:#262220; --ks-ink-2:#6E6862; --ks-ink-3:#A39D95;
  --ks-gold:#B8956A; --ks-gold-deep:#9A7A52; --ks-gold-tint:#F3EADD;
  --ks-line:#EAE6DE; --ks-line-soft:#F1EEE8;
  --ks-green:#5C8A5C; --ks-green-tint:#EAF1EA;
  --ks-red:#B5635A; --ks-red-tint:#F6E9E7;
  --ks-blue:#5A7595; --ks-blue-tint:#E9EEF4;
}

/* 🪦 dark mode اتشال (قرار محمد 05/07 «كلام فاضي — الغيه»): كان بيطلع خليط مكسور —
 * الصفحات المهاجَرة بتغمق (الهاب) والهيدر/باقي الصفحات فاتحين على نفس الموبايل.
 * النظام فاتح دايماً. لو رجعنا للفكرة: هجرة كاملة لكل الصفحات + مراجعة بصرية الأول. */