/*
 * theme/colors.css
 * ────────────────────────────────────────────────────
 * CSS Variables — Dark Mode (default) + Light Mode
 * عدّل هنا فقط لتغيير ألوان التطبيق كله
 * ────────────────────────────────────────────────────
 */

/* ── Dark Mode (default) ── */
:root,
[data-theme="dark"] {
  --bg:  #0B0F1A;   /* خلفية الصفحة */
  --c1:  #111827;   /* كروت / بطاقات */
  --c2:  #1F2937;   /* عناصر ثانوية */
  --inp: #1a2235;   /* حقول الإدخال */
  --brd: rgba(255,255,255,.08);  /* الحدود */

  /* ── ألوان النصوص ── */
  --t:   #F1F5F9;   /* نص رئيسي */
  --tm:  #94A3B8;   /* نص ثانوي/muted */
  --td:  #64748B;   /* نص خافت جداً */

  /* ── ألوان الحالة ── */
  --p:   #818CF8;   /* primary — indigo */
  --g:   #34D399;   /* green — ربح */
  --r:   #F87171;   /* red — خسارة */
  --y:   #FBBF24;   /* yellow — تحذير */

  /* ── ثيم الشريط العلوي (PWA/Android) ── */
  --theme-color: #0B0F1A;
}

/* ── Light Mode ── */
[data-theme="light"] {
  --bg:  #F1F5F9;
  --c1:  #FFFFFF;
  --c2:  #F8FAFC;
  --inp: #F1F5F9;
  --brd: rgba(0,0,0,.08);

  --t:   #0F172A;
  --tm:  #64748B;
  --td:  #94A3B8;

  --p:   #6366F1;
  --g:   #16A34A;
  --r:   #DC2626;
  --y:   #D97706;

  --theme-color: #F1F5F9;
}