/* ============================================================
   رقيم — css/variables.css
   نظام التصميم: متغيرات CSS موحّدة (Design Tokens)
   ============================================================ */

:root {
  /* ── الخط ── */
  --font: 'Cairo', 'Tahoma', sans-serif;

  /* ── تباعد (Spacing scale 4px) ── */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 20px; --s6: 24px; --s7: 32px; --s8: 40px;

  /* ── انحناء الزوايا ── */
  --r1: 8px; --r2: 12px; --r3: 16px; --r4: 20px; --rf: 999px;

  /* ── ظلال ── */
  --sh1: 0 1px 2px rgba(20,15,5,.06);
  --sh2: 0 4px 16px rgba(20,15,5,.08);
  --sh3: 0 12px 32px rgba(20,15,5,.14);

  /* ── انتقالات ── */
  --tr: .16s ease;
  --tr2: .28s cubic-bezier(.4,0,.2,1);

  /* ── أبعاد التخطيط ── */
  --sidebar-w: 240px;
  --topbar-h: 60px;
  --bottomnav-h: 64px;

  /* ── ثيم: ذهبي/فاتح (الافتراضي) ── */
  --bg0: #F6F1E7;  /* خلفية الصفحة */
  --bg1: #FBF8F0;  /* خلفية البطاقات */
  --bg2: #FFFFFF;  /* خلفية عناصر الإدخال */
  --bg3: #EFE8D6;  /* خلفية ثانوية (hover) */
  --bg4: #E6DCC3;

  --t1: #1C160E;  /* نص أساسي */
  --t2: #4A3F2E;  /* نص ثانوي */
  --t3: #7C6F58;  /* نص خافت */
  --t4: #A89B81;  /* نص باهت جدًا */

  --b1: #E9E0CB;  /* حدود فاتحة */
  --b2: #D9CCAA;  /* حدود متوسطة */

  --done: #1A7A58;
  --miss: #C0392B;
  --pending: #B8862A;
  --info: #2A6DB0;

  --shell-bg: var(--bg0);
}

/* ── الثيم الداكن ── */
[data-theme="dark"] {
  --bg0: #15130F;
  --bg1: #1D1A14;
  --bg2: #242019;
  --bg3: #2B271E;
  --bg4: #353026;

  --t1: #F2EBDA;
  --t2: #CBC0A8;
  --t3: #92886F;
  --t4: #635A47;

  --b1: #2B271E;
  --b2: #3A3528;

  --done: #2FA876;
  --miss: #E0584A;
  --pending: #D9A446;
  --info: #5594D6;
}

/* ── ألوان مميِّزة (Accent) قابلة للاختيار من الإعدادات ──
   تُضبط فعليًا عبر JS بكتابة --ac / --ac2 / --ac3 على :root،
   هذه قيم ابتدائية فقط (لون الذهبي). */
:root {
  --ac: #B8862A;
  --ac2: #D6A646;
  --ac3: #F3E6C6;
}
[data-theme="dark"] {
  --ac3: #3A311D;
}